项目简介
这是专为Vue开发者设计的VSCode插件,能提升开发效率。支持Vue单文件组件(SFC)的模板增强功能,包含组件标签的props、event提示补全,点击组件标签可跳转到定义,还支持组件标签的slot类型补全,且兼容Vue 3中的新v-slot语法。
项目的主要特性和功能
- 组件标签的props和event提示补全:编写Vue组件时,自动提示组件的props和event,助力快速完成代码。
- 组件标签的slot类型补全:对组件标签的slot类型进行补全,减少手动输入错误。
- Vue 3的v-slot语法支持:兼容Vue 3新v-slot语法,提供相应的directive支持。
- 组件标签跳转到定义:点击组件标签,可快速跳转到该组件的定义位置,便于代码导航。
安装使用步骤
- 下载项目源码:复制或下载此项目的源码到本地。
- 安装插件:在VSCode中安装此插件。可通过VSCode的插件市场搜索并安装,或直接在插件管理界面上传本地的插件源码进行安装。
- 配置路径别名:若项目中使用路径别名引入组件,需在
jsconfig.json
或tsconfig.json
中配置路径,使插件能正确识别并提供补全功能。 - 开始使用:在Vue单文件组件中编写代码时,插件将自动提供相关的补全和跳转功能。
注意:此插件不支持通过webpack config alias引入的组件的补全,需使用jsconfig.json
配置路径。若在使用中发现补全跳转功能卡顿,可尝试关闭其他可能冲突的插件,如vetur
。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】