vue提示插件[vscode]

系统管理员 2021-12-03 10:41 1069阅读 0赞

在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比较了下载数量可以了解到，vetur 是目前比较好的语法高亮插件，我们来安装一下吧。   
![1187205-20170707102513706-1003086693.png][]   
***vscode提高效率有效使用插件***

***vscode-Document This-----jsdoc注释生成。***

***vscode-eCSStractor-----抽取页面的class，生成一个css文档。***

***vscode-CSS Peek------class名字定义跳转。（终于拥有dw cc的这个css定义跳转功能）***

***vscode-Live Server-----http服务器（相当于使用nodejs的http-server ）。***

***vscode-Change Case-----变量名命名风格切换。（解决了命名风格不统一的工具）***

***Auto Close Tag                                 自动闭合HTML标签 ***  
***Auto Rename Tag                                修改HTML标签时，自动修改匹配的标签 ***  
***Bookmarks                                      添加行书签 ***  
***Can I Use                                      HTML5、CSS3、SVG的浏览器兼容性检查 ***  
***Code Runner                                    运行选中代码段（支持大量语言，包括Node） ***  
***CodeBing                                       在VSCode中弹出浏览器并搜索，可编辑搜索引擎 ***  
***Color Highlight                                颜色值在代码中高亮显示 ***  
***Color Picker                                   拾色器 ***  
***Document This                                  注释文档生成 ***  
***EditorConfig for VS Code             　　　　　EditorConfig插件 ***  
***Emoji                                          在代码中输入emoji ***  
***ESLint                                         ESLint插件，高亮提示 ***  
***File Peek                                      根据路径字符串，快速定位到文件 ***  
***Font-awesome codes for html      　　　　　　　FontAwesome提示代码段 ***  
***ftp-sync                                       同步文件到ftp ***  
***Git Blame                                      在状态栏显示当前行的Git信息 ***  
***Git History(git log)                           查看git log ***  
***GitLens                                        显示文件最近的commit和作者，显示当前行commit信息 ***  
***Guides                                         高亮缩进基准线 ***  
***Gulp Snippets                                  Gulp代码段 ***  
***HTML CSS Class Completion   　　　　　　　　　CSS class提示 ***  
***HTML CSS Support                              css提示（支持vue） ***  
***HTMLHintHTML                                  格式提示 ***  
***Indenticator                                  缩进高亮 ***  
***JavaScript (ES6) code snippets               ES6语法代码段 ***  
***language-stylus                        　　　Stylus语法高亮和提示 ***  
***Lodash                                       Lodash代码段 ***  
***markdownlint                                 Markdown格式提示 ***  
***MochaSnippets                       　　　　 Mocha代码段 ***  
***Node modules resolve                         快速导航到Node模块 ***  
***npm                                          运行npm命令 ***  
***npm Intellisense                             导入模块时，提示已安装模块名称 ***  
***Output Colorizer                             彩色输出信息 ***  
***Partial Diff                                 对比两段代码或文件 ***  
***Path Autocomplete                            路径完成提示 ***  
***Path Intellisense                            另一个路径完成提示 ***  
***Prettify JSON                                格式化JSON ***  
***Project Manager                 　　　　　　 快速切换项目 ***  
***REST Client                        　　　　　发送REST风格的HTTP请求 ***  
***Settings Sync VSCode      　　　　　　　　　设置同步到Gist ***  
***String Manipulation           　　　　　　  字符串转换处理（驼峰、大写开头、下划线等等） ***  
***Test Spec Generator                         测试用例生成（支持chai、should、jasmine） ***  
***TODO Parser                                 Todo管理 ***  
***Version Lens                                 package.json文件显示模块当前版本和最新版本 ***  
***vetur                                        目前比较好的Vue语法高亮 ***  
***View Node Package                           快速打开选中模块的主页和代码仓库 ***  
***vscode-icons                                文件图标，方便定位文件 ***  
***VSCode Great Icons        　　　　　　　　　文件图标拓展 ***  
***VueHelper                                    Vue2代码段（包括Vue2 api、vue-router2、vuex2）***

**Quokka.js                                    可以即时显示js和ts的运行结果，想试验一些短代码的运行结果，但是又不想之后删除文件的时候可以用到**

**codeRunner                                   可以运行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F\# Script, F\# (.NET Core), C\# Script,等开发语言并支持局部执行**

### IntelliSense for CSS class names      智能提示 css 的 class 名 ###

### Node.js Modules Intellisense          可以在导入语句中自动完成JavaScript / TypeScript模块。 ###

### vscode-faker                           生成假数据，地址，电话，图片等等 ###

### Regex Previewer                        测试正则的插件 ###

转载于:https://www.cnblogs.com/yuer20180726/p/11048489.html

[1187205-20170707102513706-1003086693.png]: /images/20211203/213b1c0c3f5f43f1b5138423bead9f30.png