这 5 个 VSCode 扩展提升你的开发兴趣

时间 2020-05-14

标签 vscode 扩展提升开发兴趣繁體版

原文原文链接

做者：Titus Decali
译者：前端小智
来源：medium

点赞再看，养成习惯
本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了不少个人文档，和教程资料。欢迎Star和完善，你们面试能够参照考点复习，但愿咱们一块儿有点东西。javascript

1. Color Highlight

谁能记住全部十六进制代码？反正我是记不住的。前端

VSCode 为咱们提供了一个小颜色框做为参考，但它还不够大，没法判断类似颜色之间的差别。Color Highlight 经过用颜色包装每一个十六进制代码为咱们提供了更大的预览。java

地址：https://marketplace.visualstu...git

2. SVG Preview

VS Code 具备一个内置的图像预览窗口，可是当你单击.svg文件时，它仅显示代码。程序员

借助 SVG Preview，咱们会得到一个附加的侧窗，能够预览图像，甚至能够在更改SVG代码时进行更新。github

地址：https://marketplace.visualstu...面试

3. i18n Ally

几个月前，我开始使用i18n，不得不说它使个人网络应用本地化为多种语言变得异常容易。惟一的困难是，没法在实际处理的文件中编辑翻译。json

相反，必须打开locales/language.json文件，向下滚动到正确的位置，而后在此处编辑文本（到那时咱们已经忘记了要查找的内容）。微信

i18n Ally为咱们提供了基本语言文本的内联预览，容许我们建立新键，查看现有键，并直接从模板中编辑它们。网络

地址：https://marketplace.visualstu...

i18n Ally还附带了一个漂亮的侧边栏显示（上），它向咱们显示完成项目本地化的距离。

4. Code Spell Checker

Code Spell Checker 强烈推荐，对大部分非英语母语又不想写出四不像变量名的程序员来讲，正确识记拼写各类单词仍是有不小的挑战，比模棱两可时须要去查在线词典不一样的是，这款插件能实时的识别单词拼写是否有误，并给出提示，很多 bug 都是由于拼写错误致使的。

地址：https://marketplace.visualstu...

5. JavaScript Booster

JavaScript Booster ：一个很是棒的重构工具，好比将var替换为const或let，移除无用的else语句，将变量声明和变量初始化合并。应该说很大程度上受到 Webstorm 的启发。

地址：https://marketplace.visualstu...

还有一个额外必要扩展！

VS Code Icons

当前有超过四百万的用户，你可能已经在使用此功能，这就是为何它在此列表中具备很高的优点。

若是你没有，如今就安装它，让你在长长的文件和文件夹列表中找到你要找的东西的速度快十倍。它为每种文件类型添加的独特图标使文件搜索变得直观而简单。

写在最后，但愿这5个扩展能对你有所帮助。

代码部署后可能存在的BUG无法实时知道，过后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给你们推荐一个好用的BUG监控工具 Fundebug。

原文：https://medium.com/better-pro...

交流

文章每周持续更新，能够微信搜索「大迁世界」第一时间阅读和催更（比博客早一到两篇哟），本文 GitHub https://github.com/qq449245884/xiaozhi 已经收录，整理了不少个人文档，欢迎Star和完善，你们面试能够参照考点复习，另外关注公众号，后台回复福利，便可看到福利，你懂的。