原作者：KatherinePeterson译者：前端小智来源：dev点赞再看，微信搜索【大千世界】，B站关注【前端小智】这家没有大厂背景，但具有积极向上趋势心态的人。本文已收录到GitHubhttps://github.com/qq44924588...，文章已分类，也整理了很多我的文档和教程资料。VSCode之所以成为如此出色的代码编辑器，其中一个原因是社区创建了庞大的插件库，以提高开发人员的工作效率。这里有一些我最喜欢的VSCode插件。1.RainbowBrackets地址：https://marketplace.visualstu...这个插件让我们的括号丰富多彩，方便找到匹配的对。2.自动重命名标签地址：https://marketplace.visualstu...重命名HTML/XML标签时，自动重命名匹配的HTML/XML标签。3.RelativePath地址：https://marketplace.visualstu...这个插件省去了我很多写import语句的时间。使用简单的键盘快捷键轻松获取工作区中任何文件的相对路径。4.Prettier地址：https://marketplace.visualstu...与esLint不同的是，ESLint只是一个代码质量工具（确保没有未使用的变量，没有全局变量等）。而Prettier只关心格式化文件（最大长度、混合制表符和空格、引用样式等）。可见统一代码格式的问题最好留给Prettirer。与Eslint一起使用以获得更好的风味。5.htmltagwrap地址：https://marketplace.visualstu...可以在选中的html标签外包裹一层标签。6.MarkdownPreviewEnhanced地址：ttps://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced如果你写过markdown文件，实时预览是非常有用的。7.Polacode地址：https://marketplace.visualstu...这个插件可以把你的代码保存为图片分享给其他人！8、RandomEverything地址：https://marketplace.visualstu...此插件可以根据数据类型自动生成随机数据，特别适合生成测试数据。9、CSSPeek地址：https://marketplace.visualstu...CSSPeek插件扩展了HTML和ejs代码编辑功能，支持在源代码中的字符串中查找css/scss/less（classes和ids）。这在很大程度上受到方括号中称为CSS内联编辑器的类似功能的启发。10、TurboConsoleLog地址：https://marketplace.visualstu...快速添加co??nsole.log，一键评论/启用/删除所有console.log。简单说一下这个插件要用到的快捷键：ctrl+alt+l选中变量后，用这个快捷键生成console.logalt+shift+c注释所有console.logalt+shift+u启用所有console.logalt+shift+d删除所有console.log11。SimpleReactSnippets地址：https://marketplace.visualstu...快速生成React模板片段~12。SnippetCreator地址：ttps://marketplace.visualstudio.com/items?itemName=ryanolsonx。snippet-creator有很多代码片段扩展，比如上面的React，但有时我们可能想制作自己的自定义代码片段，这个插件可以让你轻松做到这一点。~最后我是小智，我要去洗碗了~原文：https://dev.to/katherinecodes...以后有钱解决这些bug日志调试的时间，顺便推荐一个好用的BUG监控工具，Fundebug。交流文章每周更新一次。可以微信搜索【大千世界】立即阅读，回复【福利】还有很多前端视频等着你。本文已收录到GitHubhttps://github.com/qq449245884/xiaozhi，欢迎Star。
