![v2-de7e7fa0b1bf7e39887416f0b8b5acac_1440w.jpg?source=172ae18b](http://img-03.proxy.5ce.com/view/image?&type=2&guid=a1a6eac0-7f4a-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-de7e7fa0b1bf7e39887416f0b8b5acac_1440w.jpg?source=172ae18b)
一、常用插件
Auto Close Tag
自动添加HTML / XML关闭标签(必备)
![0651640d889de7e9021b25a56a11a66c.gif](https://i-blog.csdnimg.cn/blog_migrate/d63bfd3bf6764807204f2ee26e308e11.gif)
Auto Rename Tag
自动重命名配对的HTML / XML标签(必备)
![158aa15426c77425bd8bcfd41a86c7bf.gif](https://i-blog.csdnimg.cn/blog_migrate/e31e0720cf7d2c7224cad43b42de5917.gif)
Beautify
格式化javascript,JSON,CSS,Sass,和HTML
Bootstrap 4 & Font awesome snippets
包含Bootstrap 4&Font awesome 的代码片段
![97c34a31e15800a182c8f2e350850f8b.png](https://i-blog.csdnimg.cn/blog_migrate/85c44d9a9c9f838b3a70438f8d37a177.jpeg)
Bracket Pair Colorizer
颜色识别匹配括号
![bd6c7787a1ed83dc417390294f6227e0.png](https://i-blog.csdnimg.cn/blog_migrate/6b9293d31e8018a3409cfef5f2daa536.jpeg)
Class autocomplete for HTML
智能提示HTML class =“”属性(必备)
Code Runner
非常强大的一款插件,能够运行多种语言的代码片段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Ruby,Go等等,安装完成后,右上角出现:
![fe5cf23d7afd053b73ec1b97417cf062.png](https://i-blog.csdnimg.cn/blog_migrate/6b4d4a85f5c328f7ccdd11996ce1f024.png)
点击这个按钮就可以运行你的文件了(必备)
css peek
能够查看CSS ID和类的字符串作为HTML文件中相应的CSS定义(必备)
使用方法:将光标放在class里面的属性,右击