1.菜单栏中文汉化插件
Chinese(Simplified)
2.文件图标主题
vscode-icons
3.界面主题
Atom One Dark Theme
4.html与css关联
Css Peek
5.代码格式化
Prettier - Code formatter
6、图标集
lcon Fonts
7、自动修改标签
Auto Rename Tag
8、HTML模板
HTML Boilerplate
9、颜色提示
Color Info
10、自动闭合标签
Auto Close Tag
11、html中css class的智能提示
HTML CSs Support
12、运行html
open in browser
13.代码神器 - Power Mode 可以让你的编程过程变得更加快乐
我们在 vscode 插件栏搜索 Power Mode，点击安装，安装后我们按下键盘组合键 Ctrl + Shift + P，然后输入 setting，打开 JSON 配置文件
在最后添加下面三行配置：
“powermode.enabled”: true, // 开启Power Mode
“powermode.shakeIntensity”: 0, // 关闭抖动（喜欢的也可以选择不关闭）
“powermode.presets”: “particles”, // 特效预设，还有 “fireworks”, “flames”, “magic”, “clippy”, “simple-rift”, “exploding-rift”
14.快速定位括号 - Bracket Pair Colorizer
写代码总是离不开各种类型的括号，当嵌套比较深的时候，然后需要改动结构时，括号问题经常会困扰我们。
Bracket Pair Colorizer 可以帮助你快速区分括号位置和类型，这样你就可以快速定位啦！（如下图）
15.拼写检查 - Code Spell Checker
我们在平时的开发过程中，有时候会因为变量名定义时和使用时不一致，debug 半天最后发现是拼写问题。
我们可以使用 Code Spell Checker 插件进行拼写检测，我们安装插件后，还可以在 setting.json 中指定检测的文件，比如我这里开启了对 Vue 文件的拼写检查（如下图）。