本篇文章给大家分享5个对开发有用的 vscode 扩展。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

1、Color Highlight

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

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

地址：https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

2、SVG Preview

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

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

地址：https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview

3、i18n Ally

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

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

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

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

地址：https://marketplace.visualstudio.com/items?itemName=antfu.i18n-ally

4. Code Spell Checker

Code Spell Checker 强烈推荐，对大部分非英语母语又不想写出四不像变量名的程序员来说，正确识记拼写各种单词还是有不小的挑战，比模棱两可时需要去查在线词典不同的是，这款插件能实时的识别单词拼写是否有误，并给出提示，不少 bug 都是因为拼写错误导致的。

地址：https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

5. JavaScript Booster

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

地址：https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javascript-booster

VS Code Icons

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

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

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

推荐：vscode基础教程    

# vscode  # JavaScript  # json  # const  # var  # visualstudio  # webstorm  # https  # 重构  # bug  # 的是  # 都是  # 我是  # 几个  # 是有  # 在此  # 这就是  # 模棱两可  # 还不  # 当你 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  如何在阿里云完成域名注册与建站？  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  中山网站推广排名,中山信息港登录入口？  Laravel如何处理异常和错误？（Handler示例）  Laravel怎么为数据库表字段添加索引以优化查询  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  javascript中数组（Array)对象和字符串（String)对象的常用方法总结  如何实现建站之星域名转发设置？  Angular 表单中正确绑定输入值以确保提交与验证正常工作  Laravel如何创建自定义Facades？（详细步骤）  香港网站服务器数量如何影响SEO优化效果？  高端云建站费用究竟需要多少预算？  高端网站建设与定制开发一站式解决方案 中企动力  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  Laravel如何使用Vite进行前端资源打包？（配置示例）  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  如何用西部建站助手快速创建专业网站？  C#如何调用原生C++ COM对象详解  开心动漫网站制作软件下载,十分开心动画为何停播？  如何为不同团队 ID 动态生成多个非值班状态按钮  制作企业网站建设方案,怎样建设一个公司网站？  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  实例解析angularjs的filter过滤器  安克发布新款氮化镓充电宝：体积缩小 30%，支持 200W 输出  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  如何快速查询网站的真实建站时间？  详解CentOS6.5 安装 MySQL5.1.71的方法  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  javascript如何操作浏览器历史记录_怎样实现无刷新导航  🚀拖拽式CMS建站能否实现高效与个性化并存？  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  如何在IIS中配置站点IP、端口及主机头？  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  EditPlus中的正则表达式 实战(1)  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  如何快速生成可下载的建站源码工具？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  详解vue.js组件化开发实践  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  Laravel如何实现API速率限制？（Rate Limiting教程）  Laravel如何实现用户注册和登录？（Auth脚手架指南）  C++时间戳转换成日期时间的步骤和示例代码