https://github.com/simon-he95/v-component-prompter

动态提供自定义组件的属性和事件 ｜ Dynamically provide properties and events for custom components
https://github.com/simon-he95/v-component-prompter

v-component-prompter vscode vscode-extension

Last synced: 10 days ago
JSON representation

动态提供自定义组件的属性和事件 ｜ Dynamically provide properties and events for custom components

• Host: GitHub
• URL: https://github.com/simon-he95/v-component-prompter
• Owner: Simon-He95
• License: mit
• Created: 2023-11-18T16:11:10.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-10-17T06:03:13.000Z (20 days ago)
• Last Synced: 2024-10-19T08:24:51.038Z (18 days ago)
• Topics: v-component-prompter, vscode, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=simonhe.v-component-prompter
• Size: 23.3 MB
• Stars: 35
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        






 English | 简体中文


Bring `props`, `emitEvents` and `expose methods` tips to some imported custom components in Vue development.

## Example

- I want to know which `props` or `event` types of components I imported can pass and correspond to them.

![demo](/assets/1.jpg)

- Maybe the attributes in this defineProps are exported from other `ts` files.

![demo](/assets/2.jpg)

![demo](/assets/3.jpg)

- When you hover to the `tagName` of this component, there will be a table listing specific passable parameter information.

![demo](/assets/4.jpg)

- When you hover to a specific attribute on the component attribute, the type of this attribute will be prompted. If there is a comment in the component, it will also be prompted when hover.

![demo](/assets/5.jpg)

![demo](/assets/demo.gif)

## Auto Import

In the latest version, we can detect `"auto-imports.d.ts"` and provide smart tips for `"props"`, `"events"` and `"methods"`

## :coffee:

[buy me a cup of coffee](https://github.com/Simon-He95/sponsor)

## Sponsors