1. 首页
  2. 工具类
  3. Visual Studio Code

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

1. Color Highlight

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

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

地址:https://marketplace.visualstu…

clipboard.png

2. SVG Preview

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

借助 SVG Preview,我们会获得一个附加的侧窗,可以预览图像,甚至可以在更改SVG代码时进行更新。

地址:https://marketplace.visualstu…

clipboard.png

3. i18n Ally

Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文手册
专注分享前端知识,你想要的,在这里都能找到

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

相反,必须打开locales/language.json文件,向下滚动到正确的位置,然后在此处编辑文本(到那时我们已经忘记了要查找的内容)。

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

地址:https://marketplace.visualstu…

图片描述

clipboard.png

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…

clipboard.png

还有一个额外必要扩展!

VS Code Icons

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

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

图片描述

写在最后,希望这5个扩展能对你有所帮助。


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


作者:前端小智
链接:https://segmentfault.com/a/1190000022107407

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:这 5 个 VSCode 扩展提高你的开发兴趣

链接:https://www.javascriptc.com/4054.html

« 了解尤大的Vue3 设计背后的思考
Web 隐藏技术:几中隐藏 Web 中的元素方法及优缺点»
Flutter 中文教程资源

相关推荐

QR code