VSCode工具必备插件

第一章 插件篇

1. Chinese（Simplied） Lang 丨 vscode中文汉化包

• 描述：这个是vscode软件中文汉化包，安装后英文版软件会变成中文版本的，注意需要关闭软件重新打开后才生效哦。
• 图标演示：
  

2. Auto Close Tag 丨 自动闭合HTML标签

• 描述：HTML标签自动闭合，我们输入完< html >后，插件会帮助我们完成后面</ html>的输入
• 图标演示：
  

3. Live Server 丨实时更新预览

• 描述：写完代码后Ctrl + S保存，当前文件页面在浏览器中会被自动刷新，从而减少我们测试功能时，反复刷新浏览器。
• 图标演示：
  

4. Atuo Rename Tag 丨同步修改HTML标签

• 描述：修改 html 标签后，插件自动帮你完成尾部闭合标签的同步修改。例如：修改h3标签，将3改为小一号字体4时，尾部的标签也会跟着被修改。
• 图标演示：
  

5. open in browser 丨右键打开浏览器

• 描述：安装这个插件后，在我们写完代码后，不需要在桌面或者D盘找这个文件打开，直接右键找到浏览器（默认浏览器/其他浏览器打开）打开就可以浏览网页了！
• 图标演示：
  
  

6. Bracket Pair Colorizer 丨括号颜色

• 描述：在我们写多个括号时不会容易混乱，阅读代码时也会有明显的效率提高。
• 图标演示：
  

第二章 如何卸载插件？

• 如果安装过多自己不清楚的插件，后面开发会有很多的问题出现，就比如我之前安装的ESlist插件，这个好像是代码规范插件，再写vue的时候经常出各种问题。所以再使用插件时不但要清楚这个插件是做什么的，也要学会在各种开发环境下增加和卸载不必要的插件。

演示：