VSCode 安装

1. VSCode安装

官网下载地址：https://code.visualstudio.com/download

根据自己的操作系统选择相应的版本（我选的是 Window+System Installer+64 bit）。

下载完后可按默认值直接安装。

2. 插件安装

1. Chinese (Simplified) Language Pack for Visual Studio Code： 汉化。
2. Auto Close Tag：自动闭合HTML/XML标签。
3. Auto Rename Tag：自动完成另一侧标签的同步修改。
4. Vetur：Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
5. Prettier - Code formatter：Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。
6. Beautify：格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则。

3. 设置

依次点击：文件-首选项-设置，便可打开设置窗口，根据实际需要进行设置。

注意：

1. “用户区”的设置对所有工程生效，“工作区”的设置仅对当前工程生效。
2. 如需手动书写配置代码，则在设置窗口的右上角点击“打开设置（json）”控件。

参考

1. 15 款好用的 VS Code 插件：http://www.easemob.com/news/3977
2. VSCode 前端常用插件集合：https://www.cnblogs.com/zzhqdkf/p/12452498.html
3. VScode 结局插件prettier和vetur格式化冲突：https://blog.csdn.net/u013205165/article/details/104871070
4. VS Code 中 Vetur、prettier、ESLint 使用：https://www.cnblogs.com/zhurong/p/12766148.html