本文由原作者KatherinePeterson授权翻译。VSCode之所以成为如此出色的代码编辑器，其中一个原因是社区创建了庞大的插件库，以提高开发人员的工作效率。这里有一些我最喜欢的VSCode插件。1.RainbowBrackets地址：https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets这个插件让我们的括号丰富多彩，方便找到匹配的对。2.自动重命名标签地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag重命名HTML/XML标签时，自动重命名配对的HTML/XML标签。3.RelativePath地址：https://marketplace.visualstudio.com/items?itemName=jakob101.RelativePath这个插件省去了我很多写import语句的时间。使用简单的键盘快捷键轻松获取工作区中任何文件的相对路径。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.MarkdownPreviewEnhanced地址：ttps://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced如果你写过markdown文件，实时预览是非常有用的。7、Polacode地址：https://marketplace.visualstudio.com/items?itemName=pnp.polacode这个插件可以把你的代码保存为图片分享给其他人！8.RandomEverything地址：https://marketplace.visualstudio。com/items?itemName=helixquar.randomeverything这个插件可以根据数据类型自动生成随机数据，特别适合生成测试数据。9、CSSPeek地址：https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peekCSSPeek插件扩展了HTML和ejs代码编辑功能，支持在源代码中的字符串中查找css/scss/less（类和ID）。这在很大程度上受到方括号中称为CSS内联编辑器的类似功能的启发。10、TurboConsoleLog地址：https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log快速添加co??nsole.log，一键评论/启用/删除所有console.log。简单说一下这个插件要用到的快捷键：ctrl+alt+l选中变量后，用这个快捷键生成console.logalt+shift+c注释所有console.logalt+shift+uenableallconsole.logalt+shift+d删除所有console.log11.SimpleReactSnippets地址：https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets快速生成React模板片段~12.SnippetCreator地址：ttps://marketplace.visualstudio.com/items?itemName=ryanolsonx.snippet-creator有很多片段扩展，比如上面的React，但有时我们可能想制作自己的自定义片段，这个插件可以让你轻松做到这一点。~完了，我是小智，我去洗碗了~原作者：KatherinePeterson译者：前端小智来源：dev-cld本文转载自微信公众号“大招天下”，您可以通过以下二维码关注它。转载本文请联系大千世界公众号。
