vetur 语法高亮、智能感知、Emmet等,用于为.vue单文件组件提供代码高亮以及语法支持。
https://marketplace.visualstudio.com/items?itemName=octref.vetur
Volar 除了集成了vetur的相关功能,如高亮、语法提示等之外,volar提供了更为强大的功能。
不再需要唯一根标签/编辑器快捷分割/ref sugar语法快捷改动支持/style里面的class引用/class追溯/css module类型提示/lang语法提示/template语法转换 ……
https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar
写vue2推荐vetur 插件,写 vue3推荐valor插件。
VueHelper snippet代码片段
不仅包括了vue2所有api,还含有vue-router2和vuex2的代码提示
https://marketplace.visualstudio.com/items?itemName=oysun.vuehelper
ESLint 将ESLint JavaScript集成到VS代码中。
https://marketplace.visualstudio.com/items?itemName=dbaeumer.VS Code-eslint
prettier 代码规范性插件
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-VS Code
vue 2 snippe
此扩展将Vue 2代码片段和语法突出显示添加到Visual Studio代码中。这个插件基于最新的Vue官方语法高亮文件添加了语法高亮,并且依据Vue 2的API添加了代码片段。
https://marketplace.visualstudio.com/items?itemName=NicholasHsiang.VS Code-vue2-snippets
vue 3 snippe
https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets