新知榜官方账号
2023-07-08 14:16:45
本文推荐了十五款常用的VSCode插件,涵盖了代码格式化、静态代码分析、自动补全等多个方面,让开发人员的工作更加高效。
该插件允许我们在更改IDE中的代码时,自动重新加载Web页面。一旦安装LiveServer后,在html文件上右键单击,可看到选项OpenwithLiveServer[Alt+L+Q]。
下载地址:LiveServer
Quokka.js会在你输入时自动计算结果,并在IDE中打印结果。
下载地址:Quokka.js
它是一款拼写检查程序,可以为开发者报告一些常见的拼写错误。它很适合驼峰式代码。
下载地址:CodeSpellChecker
GitLens可增强VisualStudioCode中内置的Git功能。它不仅能帮助你通过Gitblame注解直观地看到代码作者,而且还可以无缝浏览和探索Git存储库,通过强大的比较命令获得有价值的见解,等等。
下载地址:GitLens
Prettier是一个严格基于规则的代码格式化程序。它解析代码并使用自己的规则重新打印代码,从而实现风格一致。这是一个重要的工具,无需开发人员做任何工作,它就能让我们获得格式正确的代码。Prettier提供合理的默认值,但你也能在项目的根目录下提供一个配置文件来设置自己的标准,比如行长度、制表符/空格的数量等等。
下载地址:Prettier
ESLint是一款静态代码分析工具,用来识别JavaScript代码中出现的有问题的模式。ESLint中的规则是可配置的,用户可以定义和加载自己的规则。它还涵盖了代码质量和编码风格问题。
下载地址:ESLint
该插件会基于文件扩展名在thetreeview中的文件名旁添加图标,让你更容易地识别文件。
下载地址:vscode-icons
它能帮你实时把SASS/SCSS文件编译/转译成CSS文件,并且提供在线浏览器重载。
下载地址:LiveSaasCompiler
这个插件包含面向VSCode编辑器的ES6语法的JavaScript代码片段(支持JavaScript和TypeScript)。
下载地址:JavaScript(ES6)codesnippets
它可以让你在编辑器中打开一个用于调试的真正的浏览器预览。
下载地址:BrowserPreview
该扩展可以自动补全代码中的路径和文件名。
下载地址:PathIntellisense
这个扩展允许用颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。
下载地址:BracketPairColorizer
Vim是一个用于VisualStudioCode的Vim仿真器,为你的文本编辑器带来Vim的强大功能。
下载地址:VSCodeVim
高亮显示代码中的TODO、FIXME及其他注解。
下载地址:TODOHighlight
这个扩展可以风格化在你的文件中找到的css/web颜色,所以你无需打开页面就能看到它们是什么颜色。
下载地址:ColorHighlight
微信扫码咨询
相关工具
相关文章
推荐
阿里Accio中文版上线!一键搞定复杂采购
2025-08-19 09:13
视频“用嘴编辑”的时代来了,但钱包顶得住吗?
2025-08-15 17:59
智谱新模型GLM-4.5V全面开源,玩家们有福啦!
2025-08-12 17:56
扎心文案+AI插画=爆款!揭秘8万赞视频的制作全流程
2025-08-12 10:08
GPT-5没你想的那么好,附实测体验~
2025-08-11 11:07
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49