Visual Studio Code，简称vscode，在笔者看来，是前端开发的神器，它可以安装很多插件帮助开发者提高效率和体验。
获取链接：Visual Studio Code - Code Editing. Redefined
选择操作系统，点击按钮下载即可
安装过程中，软件尽量别装C盘。其它选项，比如是否创建桌面快捷方式，根据自己的需求选择就行。
安装插件：
vscode默认语言是英文，我们可以添加中文插件。
文章图片
搜索之后，点击Intall安装
【vscode|Visual Studio Code（vscode）安装和插件安装】
文章图片
HTML开发中需要的插件，仅供参考
- Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code：中文插件，安装之后需要重启编辑器才会生效
- HTML Snippets：HTML代码提示
- HTML CSS Support：提供HTML，Css支持
- Class autocomplete for HTML：在HTML代码中，自动提示类名
- Auto Close Tag：自动闭合标签
- Auto Rename Tag：更改标签时，自动更改配对标签
- Auto-Save on Window Change：当窗口变化的时候自动保存代码，在写完代码之后，是否经常忘记保存，有了它，切换到浏览器预览的时候能自动保存了
- Bracket Pair Colorizer：多重括号，中括号，花括号的时候使用不同颜色显示
- JavaScript (ES6) code snippets：js代码提示
- jQuery Code Snippets：jQuery代码提示，写jQuery的朋友可以添加
- open in browser：在浏览器中打开HTML文件
- live server：在浏览器中打开
- Beautify：一个很好用的代码格式化样式
- Path Intellisense：文件路径提示
vscode吸引我的另一个原因，就是它众多的主题插件和文件图标插件了。介绍一下笔者常用的插件和设置方式。
界面左下方的齿轮状按钮，点击之后就可以设置您想设置的内容了。
1、颜色主题
- Atom One Dark Theme
- Luke Dark Theme
- One Dark Pro
- Eva Theme
文章图片
2、文件图标主题
Material Icon Theme：文件图标主题，设置方式在左下角的齿轮，点击文件图标主题，设置为它就行。
文章图片
文章图片
3、产品图标主题
Material Product Icons：产品图标主题，设置方式和上面一样，选择产品图标主题设置即可。
文章图片
文章图片
推荐阅读
- visual|使用 Visual Studio Code 编写你的第一个 C 程序
- iMX8|VisualStudioCode开发Arm嵌入式Linux应用
- visual|visual studio html插件,Visual Studio Code 常用的插件
- VSCode|Google上Visual Studio Code的10个最佳技巧
- visual|三大Visual Studio Code技巧，快速提升开发效率
- VC++|VC++使用画刷绘图 简单画刷 FillRect函数 位图画刷 透明画刷
- VC++|VC++ 利用MFC的CWindowDC类实现画线功能 在桌面窗口中画线 绘制彩色线条 CPen nPenStyle nWidth crColor
- C++基础|【千律】C++基础（ShellExecuteEx 函数的相关使用案例）
- VC++|VC++简单绘图 MFC消息映射机制 MessageBox函数