vue开发之VsCode必备插件设置选中某个变量或代码块然后按下Ctrl + Shift + L键，就可以直接生成con

vue开发之VsCode必备插件设置

Vetur

vue语法支持插件,提供vue代码高亮、代码提示、Emmet、代码格式化等功能，详见Vetur官网；
ESLint

提供js/vue等代码格式化、代码检测、错误修复等功能，详见ESLint官网；因最新项目均使用TS作为基础开发语言，所有同时需要安装TSLint 对应scss/css格式化需要安装 stylelint
Prettier - Code formatter

可提供js/jsx/HTML/vue/css/scss等多种语言代码格式化、功能，详见Prettier官网；在vue单文件组件中使用需要由Vetur设置；
npm Intellisense

引入node_modules包时提供代码提示
Path Intellisense

引入文件时提供代码提示，如果设置了路径别名，如@/**则需要设置jsconfig.js或者tsconfig.js文件；
Code Spell Checker

单词拼写检查，有效减少代码拼写错误、代码命名不规范、等低级错误；
Bracket Pair Colorizer 2

代码块不同颜色区分

Auto Close Tag
自动关闭html标签
Auto Rename Tag
自动同步修改html标签
Element UI Snippets
element-ui的代码提示插件，高效开发element,强烈推荐！
change-case
修改变量格式，如小驼峰转横杆等
JSON to TS
JSON文件自动转为TS的interface
javascript console utils
选中某个变量或代码块然后按下Ctrl + Shift + L键，就可以直接生成console.log()代码了。
Bookmarks
(书签)在编辑器中标记行并轻松跳转到它们
TODO Highlight
可以高亮显示要做的工作，

eg：写代码过程中，突然发现一个Bug，但是又不想停下来手中的活，以免打断思路，怎么办？按代码编写会规范，都是建议在代码中加个TODO注释。比如这样

//TODO:这里有个bug，但是空间太小了，我的算法写不下。

或者

//FIXME:哪个混蛋写的垃圾代码，会崩溃的。