这5个VSCode扩展可以提高你对开发的兴趣积极的人。本文已收录到GitHubhttps://github.com/qq44924588...，文章已分类，也整理了很多我的文档和教程资料。大家都说简历里没项目可写，所以给大家找了一个项目，还给了一个【搭建教程】。1.谁能记住ColorHighlight的所有十六进制代码？反正我是想不起来了。VSCode给了我们一个小的颜色框作为参考，但它不够大，无法区分相似的颜色。ColorHighlight通过用颜色包裹每个十六进制代码为我们提供了更大的预览。地址：https://marketplace.visualstu...2.SVGPreviewVSCode有一个内置的图像预览窗口，但是当你点击.svg文件时，它只显示代码。借助SVG预览，我们获得了一个额外的侧窗，可以预览图像，甚至可以在更改SVG代码时更新图像。地址：https://marketplace.visualstu...3.i18nAlly我几个月前开始使用i18n，我不得不说它使我的网络应用程序本地化为多种语言变得非常容易。唯一的困难是无法在实际处理的文件中编辑翻译。相反，必须打开locales/language.json文件，向下滚动到正确的位置，然后编辑那里的文本（此时我们已经忘记了我们要找的是什么）。i18nAlly为我们提供了基本语言文本的内联预览，使我们能够创建新键、查看现有键并直接从模板中编辑它们。地址：https://marketplace.visualstu...i18nAlly还附带了一个漂亮的侧边栏展示（上图），向我们展示了我们距离完成项目本地化还有多远。4.CodeSpellChecker强烈推荐CodeSpellChecker。对于大多数母语不是英语并且不想写四个不同变量名的程序员来说，正确记忆和拼写各种单词仍然是一个很大的挑战。模棱两可的时候需要上网查一下。与词典不同的是，这个插件可以实时识别拼写错误并给出提示。许多错误是由拼写错误引起的。地址：https://marketplace.visualstu...5.JavaScriptBoosterJavaScriptBooster：一个很棒的重构工具，比如用const或let替换var，去掉无用的else语句，合并变量声明和变量初始化。应该说很大程度上是受到了Webstorm的启发。地址：https://marketplace.visualstu...还有一个必要的扩展！VSCodeIcons目前拥有超过400万用户，您可能已经在使用此功能，这就是它在此列表中排名靠前的原因。如果您没有，请立即安装它，在长长的文件和文件夹列表中以十倍的速度找到您要查找的内容。它为每种文件类型添加的独特图标使文件搜索变得直观和容易。写在最后，希望这5个扩展能帮到你。代码部署后可能存在的bug，无法实时获知。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文：https://medium.com/better-pro...交流文章每周更新，可微信搜索【大招天下】第一时间阅读，回复【福利】】还有很多前端视频等着你，本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，欢迎Star。
