1. 下载安装
https://code.visualstudio.com/
2. 配置中文
2.1 快捷键【Ctrl+Shift+P】调出安装面板
2.2 输入并选择【Configure Display Language】





3. 根据需要通过扩展【Ctrl+Shift+X】安装常用组件

vetur、Prettier - Code formatter、ESLint、Auto Close Tag、Auto Rename Tag
ESLint额外配置:
npm install eslint -g
npm install eslint-plugin-html -g

"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
],
"eslint.options": {
"plugins": ["html"]
}

网友评论