1.官网下载:
693412F2-A7DE-47A5-8174-FFAC0C6CE8FC.png
EE30EE5C-B347-4680-A639-4CBA57E5DDF8.png
2.双击安装。
3.安装插件：
①HTML Snippets html代码片段
②HTML CSS Support css智能提示
③vscode-icons 文件图标
④Path Intellisense 自带路径补全
⑤Npm Intellisense require 时的包提示
⑥ESLint
⑦Vetur
⑧vue
⑨Vue 2 Snippets
⑩Vue VSCode Snippets
⑪Chinese (Simplified) Language Pack for Visual Studio Code中文
4.vscode设置中文：
安装插件Chinese (Simplified) Language Pack for Visual Studio Code，然后重启。
1568039036009.jpg
5.settings.json:
{
"files.autoSave": "off",
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"vue-html",
{
"language": "vue",
"autoFix": true
},
"html",
"vue"
],
"eslint.options": {
"plugins": ["html"]
},
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"git.autofetch": true,
"javascript.updateImportsOnFileMove.enabled": "never",
"files.associations": {
"*.wxml": "css"
},
"files.exclude": {
"**/.classpath": true,
"**/.project": true,
"**/.settings": true,
"**/.factorypath": true
},
"editor.suggestSelection": "first",
}
6.安装ESLint插件后需要在终端执行以下命令：
npm install -g eslint
参考：1.https://www.jianshu.com/p/0bc70f94b36a；
2.https://segmentfault.com/a/1190000006697219；
