关于javascript:这-5-个-VSCode-扩展提高你的开发效率

31次阅读

共计 1456 个字符,预计需要花费 4 分钟才能阅读完成。

作者:Titus Decali
译者:前端小智
起源:medium

点赞再看,微信搜寻 【大迁世界】 关注这个没有大厂背景,但有着一股向上踊跃心态人。本文 GitHub https://github.com/qq44924588… 上曾经收录,文章的已分类,也整顿了很多我的文档,和教程材料。

大家都说简历没我的项目写,我就帮大家找了一个我的项目,还附赠【搭建教程】。

1. Color Highlight

谁能记住所有十六进制代码?反正我是记不住的。

VSCode 为咱们提供了一个小色彩框作为参考,但它还不够大,无奈判断类似色彩之间的差别。Color Highlight 通过用色彩包装每个十六进制代码为咱们提供了更大的预览。

地址:https://marketplace.visualstu…

2. SVG Preview

VS Code 具备一个内置的图像预览窗口,然而当你单击 .svg 文件时,它仅显示代码。

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

地址:https://marketplace.visualstu…

3. i18n Ally

几个月前,我开始应用 i18n,不得不说它使我的网络应用本地化为多种语言变得异样容易。惟一的艰难是,无奈在理论解决的文件中编辑翻译。

相同,必须关上 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 替换为 constlet,移除无用的 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。

正文完
 0