VS Code 下Vue插件推荐

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