VSCode常用插件

---

1.Chinese (Simplified)

vscode下载完毕是英文版的，先安装这个插件，改为中文版。

2.Auto Rename Tag

修改开始标签，结束标签跟着自动变化，比较好用。

3.One Dark Pro 颜色主题

设置颜色主题

页面的效果：

4.格式化代码（vscode系统自带）

现在格式化代码的插件非常多，比如Prettier等等。 但是html标签嵌套比较多，可能需要自动格式化比较好，所以我们可以利用vscode自动的功能格式化代码，暂且不用格式化插件，自动保存照样能格式化代码。

（1） 点击管理按钮—选择里面的设置命令

vscode 管理–设置
（2）选择用户 —> 文本编辑器 —> 正在格式化 —> 勾选如下图的2个按钮

vscode自动格式化代码
这样，我们不用安装插件，就可以自动保存自动格式化代码了。

4.open in browser 浏览器预览页面

编写完代码，需要浏览器预览，可以安装这个插件

vscode 浏览器打开页面

6. Live Server 实时预览（推荐）

live server 自动更新页面

注意点：

使用live server 要先用vscode 打开 文件所在的目录文件夹。

7. vscode-icons 设置文件图标主题

可以很清楚看到文件对用的图标。

8. Easy LESS 编译less文件

我们写的less不能直接引入到html文件中， 通过这个插件可以自动帮我们生成 css文件

8. 会了吧

里面会有单词介绍，点击还会有发音。