VSCode安装与配置

总结各种vscode插件,备份自己的设置

VsCode官网

常用插件

* HTML Snippets： H5代码片段以及提示
* Auto Close Tag : 匹配标签，关闭对应的标签。
* Auto Rename Tag : 当修改HTML/XML标签时，会自动修改与之对应的开始/结束标签。
* vscode-icon：让 vscode 资源树目录加上图标。
* Path Intellisense：路径智能提示。
* Eslint：代码检查。
* Settings Sync：VSCode设置同步到Gist。
* Document This:生成js 的注释模板，不过最新版的vscode已原生支持（命令为/**+回车）。
* Beautify：通过配置.jsbeautifyrc文件，可以格式化 javascript, JSON, CSS, Sass, 和HTML文件。

Vue相关插件

* vetur：语法高亮、智能感知、Emmet等。
* VueHelper：Vue代码智能提示（包括Vue、vue-router、vuex）。

自定义配置文件

{ “workbench.colorTheme”: “Tomorrow Night Blue”, “workbench.iconTheme”: “vscode-icons”, //用于在Vue中体验Emmet “emmet.syntaxProfiles”: { “vue-html”: “html”, “vue”: “html” }, //配置Eslint “eslint.validate”: [ “javascript”, “javascriptreact”, “html”, “vue” ], //设置字体大小 “editor.fontSize”: 26, “editor.tabSize”: 2, “files.associations”: { “.vue”: “vue” }, //Vetur默认使用 eslint-plugin-vue来检测 .ejs”: “html”, “*.js”: “html” } }