https://github.com/IWANABETHATGUY/vue-template-augmentation

a vscode extension to offer component prop event completion and other template augmentation stuff
https://github.com/IWANABETHATGUY/vue-template-augmentation

props-event slot vue-template-augmentation

Last synced: 5 months ago
JSON representation

a vscode extension to offer component prop event completion and other template augmentation stuff

• Host: GitHub
• URL: https://github.com/IWANABETHATGUY/vue-template-augmentation
• Owner: IWANABETHATGUY
• Created: 2020-04-05T09:42:37.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T22:28:33.000Z (over 2 years ago)
• Last Synced: 2024-10-28T16:51:20.572Z (11 months ago)
• Topics: props-event, slot, vue-template-augmentation
• Language: TypeScript
• Homepage:
• Size: 7.88 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# vue-template-augmentation

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)

## 一个支持对SFC组件 标签 prop, slot, event 提示 ，标签跳转的vscode 插件

- 提供对于组件标签的 props 和 event 提示补全, 点击 组件tag 跳转到定义

  ![props,event,tag-defination](https://github.com/IWANABETHATGUY/vue-template-completion/blob/master/assets/vue-template-completion-props.gif)

- 支持对于组件的标签的slot 类型补全

  ![slot](https://github.com/IWANABETHATGUY/vue-template-completion/blob/master/assets/vue-template-completion-slot.gif)

- 支持vue3中 新的 `v-slot`语法 以及相应的 `directive` **#**

  ![v-slot](https://github.com/IWANABETHATGUY/vue-template-completion/blob/master/assets/vue-template-completion-v-slot.gif)

## 提示

- 为什么我的组件通过路径别名引入无法得到补全？  

  本插件不能识别使用 webpack config alias 引入的 组件，你需要使用的`jsconfig.json`配置路径，这样 `vetur` 和 本插件都可以提供正常的提示。

  ```

  // Webpack

  module.exports = {

    resolve: {

      alias: {

        '@': 'src'

      }

    }

  }

  ```

  ```

  // tsconfig.json 或者 jsonconfig.json

  {

    "compilerOptions": {

      "baseUrl": ".",

      "paths": {

        "@/*": [

          "src/*"

        ]

      }

    }

  }

  ```

- 为什么我的补全跳转非常慢？  

  作者在测试中发现如果开着 `vetur` 同时打开大的工程时补全和跳转等功能是会受到影响，你可以尝试关闭 `vetur` 再测试，如果还是非常卡顿可以提issue

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
IWANABETHATGUY
🚇 ⚠️ 💻 📖

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!