1. rainbow brackets
地址：https://marketplace.visualstudio.com/items?itemname=2gua.rainbow-brackets
这个插件让我们的括号变成五颜六色，这样很容易就能找到匹配的对。
2. auto rename tag
地址：https://marketplace.visualstudio.com/items?itemname=formulahendry.auto-rename-tag
重命名一个html / xml标签时，自动重命名配对的html / xml标签。
3. relative path
地址：https://marketplace.visualstudio.com/items?itemname=jakob101.relativepath
此插件节省了我很多时间来编写导入语句。 使用简单的键盘快捷键即可轻松获取工作区中任何文件的相对路径。
4. prettier
地址：https://marketplace.visualstudio.com/items?itemname=esbenp.prettier-vscode
和eslint不同在于，eslint只是一个代码质量工具(确保没有未使用的变量、没有全局变量，等等)。而 prettier 只关心格式化文件(最大长度、混合标签和空格、引用样式等)。可见，代码格式统一的问题，交给 prettirer 再合适不过了。和 eslint 配合使用，风味更佳。
5. htmltagwrap
地址：https://marketplace.visualstudio.com/items?itemname=bradgashler.htmltagwrap
可以在选中html标签中外面套一层标签。
6. markdown preview enhanced
地址：ttps://marketplace.visualstudio.com/items?itemname=shd101wyy.markdown-preview-enhanced
如果你写过markdown文件，有一个实时预览是非常有用的。
推荐学习：《vscode教程》
7. polacode
地址：https://marketplace.visualstudio.com/items?itemname=pnp.polacode
这个插件可以将你的代码保存成图片分享给别人！
8. random everything
地址：https://marketplace.visualstudio.com/items?itemname=helixquar.randomeverything
这个插件可以根据数据类型自动生成随机数据，特别适合生成测试数据。
9. css peek
地址：https://marketplace.visualstudio.com/items?itemname=pranaygp.vscode-css-peek
css peek插件扩展了html和ejs代码编辑功能，支持在源代码中的字符串中找到css/scss/less(类和id)。这在很大程度上是受方括号中称为css内联编辑器的类似功能的启发。
10. turbo console log
地址：https://marketplace.visualstudio.com/items?itemname=chakrounanas.turbo-console-log
快捷添加 console.log，一键 注释 / 启用 / 删除 所有 console.log。
简单说下这个插件要用到的快捷键:
ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.logalt + shift + c 注释所有 console.logalt + shift + u 启用所有 console.logalt + shift + d 删除所有 console.log
11. simple react snippets
地址：https://marketplace.visualstudio.com/items?itemname=burkeholland.simple-react-snippets
快速生成 react 模板片段~
12. snippet creator
地址:ttps://marketplace.visualstudio.com/items?itemname=ryanolsonx.snippet-creator
有许多代码段扩展，如上面的react，但有时我们可能想要制作自己的自定义代码段，这个插件可以让你轻松做到这一点。
原文地址：https://blog.csdn.net/qq449245884/article/details/113578723
原者：katherine peterson
转载地址：https://blog.csdn.net/qq449245884/article/details/114298467
译者：前端小智@大迁世界
更多编程相关知识，请访问：编程学习！！
以上就是12个开发中常用的vscode插件分享的详细内容。