原者：Katherine Peterson
译者：前端小智
起源：dev
点赞再看 ，微信搜寻【大迁世界】,B 站关注【前端小智】 这个没有大厂背景，但有着一股向上踊跃心态人。本文
GitHubhttps://github.com/qq44924588… 上曾经收录，文章的已分类，也整顿了很多我的文档，和教程材料。
VSCode 之所以是如此杰出的代码编辑器，其起因之一是由社区创立的宏大的插件库，从而进步了开发人员的工作效率。以下是一些我最喜爱的 VSCode 插件。
1. Rainbow Brackets
地址：https://marketplace.visualstu…
这个插件让咱们的括号变成五光十色，这样很容易就能找到匹配的对。
2. Auto Rename Tag
地址：https://marketplace.visualstu…
重命名一个 HTML / XML 标签时，主动重命名配对的 HTML / XML 标签。
3. Relative Path
地址：https://marketplace.visualstu…
此插件节俭了我很多工夫来编写导入语句。应用简略的键盘快捷键即可轻松获取工作区中任何文件的相对路径。
4. Prettier
地址：https://marketplace.visualstu…
和 esLint 不同在于，ESLint 只是一个代码品质工具(确保没有未应用的变量、没有全局变量，等等)。而 Prettier 只关怀格式化文件(最大长度、混合标签和空格、援用款式等)。可见，代码格局对立的问题，交给 Prettirer 再适合不过了。和 Eslint 配合应用，风味更佳。
5. htmltagwrap
地址：https://marketplace.visualstu…
能够在选中 HTML 标签中里面套一层标签。
6. Markdown Preview Enhanced
地址：ttps://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced
如果你写过 markdown 文件，有一个实时预览是十分有用的。
7. Polacode
地址：https://marketplace.visualstu…
这个插件能够将你的代码保留成图片分享给他人！
8. Random Everything
地址：https://marketplace.visualstu…
这个插件能够依据数据类型主动生成随机数据，特地适宜生成测试数据。
9. CSS Peek
地址：https://marketplace.visualstu…
CSS Peek 插件扩大了 HTML 和 ejs 代码编辑性能，反对在源代码中的字符串中找到 css/scss/less(类和 id)。这在很大水平上是受方括号中称为 CSS 内联编辑器的相似性能的启发。
10. Turbo Console Log
地址：https://marketplace.visualstu…
快捷增加 console.log，一键 正文 / 启用 / 删除 所有 console.log。
简略说下这个插件要用到的快捷键:
ctrl + alt + l 选中变量之后，应用这个快捷键生成 console.log
alt + shift + c 正文所有 console.log
alt + shift + u 启用所有 console.log
alt + shift + d 删除所有 console.log11. Simple React Snippets
地址：https://marketplace.visualstu…
疾速生成 React 模板片段~
12. Snippet Creator
地址:ttps://marketplace.visualstudio.com/items?itemName=ryanolsonx.snippet-creator
有许多代码段扩大，如下面的 React，但有时咱们可能想要制作本人的自定义代码段，这个插件能够让你轻松做到这一点。
~ 完，我是小智，我要去刷碗了~
原文：https://dev.to/katherinecodes…
代码部署后可能存在的 BUG 没法实时晓得，预先为了解决这些 BUG，花了大量的工夫进行 log 调试，这边顺便给大家举荐一个好用的 BUG 监控工具 Fundebug。
交换
文章每周继续更新，能够微信搜寻 【大迁世界】 第一工夫浏览，回复 【福利】 有多份前端视频等着你，本文 GitHub https://github.com/qq449245884/xiaozhi 曾经收录，欢送 Star。