1.Auto Rename Tag

会自动修改开始开始和结束标签，不需要修改完前面再去改后面麻烦死啦

2.One Dark Pro

修改主题颜色，高亮显示代码，分区明确

3.vscode-icons

可以很清楚看到是什么文件，前面会有对应的icon图标

4.Codelf

还在为不知道起什么名而烦恼，有了他函数起名包他身上

5.Markdown All in One

媲美Typora，丰富的快捷键、TOC标签、数学公式、自动完成和列表编辑，而且在输出HTML的同时还可以转PDF、Github等风格的文档

6.Live Server

鼠标右键打开浏览器实时预览效果，不用来回刷新啦

7.会了吧

自动翻译英语单词，别再为不懂英文而烦恼了

8.AutoScssStruct4Vue

在写Vue组件的时候，写好的框架，好多的class名，一点点写很麻烦容易漏掉

这个插件右键选择autoscssstruct会自动根据dom元素来生成

9.Draw.io Integration

一个绘图工具，新建文件，后缀名可以为.dio、.drawio、.drawio.png都是可以的，功能很多可以尝试

10.GitHub Repositories

使用Vscode连接GitHub仓库，远程查看修改

11.Image preview

在线预览图片，html、css、js文件同样生效，支持svg格式

希望本文能够帮助读者更好地使用Vscode提高开发效率。