或许你会想念这些很棒的 VSCode 扩展程序
我从事软件开发工作已有 3 年多,在这段时间里,VSCode 一直是我进行 JS/TS 技术栈开发的首选编辑器。
VSCode 之所以能在众多编辑器中脱颖而出,其中一个原因就是它的扩展市场。在这篇文章中,我将向你展示一些我认为对我的工作流程最有帮助的扩展。
1. 配对括号着色器
或许很多人都听说过这个扩展。它能将括号颜色成对匹配,方便你轻松识别代码块的起始点和结束点。每当我需要将一段代码从一个地方复制粘贴到另一个地方时,这个功能就显得格外实用。
遗憾的是,当缺少括号时,颜色会变得不正确,因此这对于调试缺少括号的问题帮助不大。
2. Git 忽略
只需一条命令,即可从数千个预制模板中轻松为您的项目创建 .gitignore 文件。
虽然也提供了对 .gitignore 的语言支持,但我没发现任何区别。
3. 进口成本
如果你是一名前端开发人员,优化包大小始终是一项重要的任务。这个工具会在你的导入语句之后立即显示导入包的大小,帮助你在导入时立即发现大型库。
在使用这个包之后,我还发现,对于某些包来说,导入整个库和只导入你需要的函数没有任何区别,因为包作者导出它们的方式不同。
4. NPM 智能感知
此扩展程序会在您编写导入语句时自动补全 NPM 模块。它还提供了一些用于快速导入模块的操作。
当你需要导入名称非常长而记不住的模块时,我发现这个扩展程序非常有用。
5. 粘贴和缩进
你是否曾经因为复制粘贴代码到项目中后缩进错乱而感到恼火?这款扩展程序可以在你执行“粘贴”操作时自动将代码缩进到正确的格式。
安装完成后,只需在快捷键设置中将“CMD + V”操作更改为“pasteAndIndent.action”即可。
缩进并非总是百分之百正确,但对我来说仍然非常有用。
6. SQL 美化
VSCode 最初是为 Web 开发而生的,尤其适合前端开发。如果你像我一样同时从事前端和后端开发,那么你迟早都会需要处理 SQL 文件。
此扩展程序的功能与 Prettier 或 Beautify 类似,但它针对的是 .sql 文件。其底层使用了一个名为“vkbeautify”的库。
7. 涡轮控制台
我知道使用 console.log() 进行调试不是一个好习惯,但如果你像我一样,大部分时间都使用 console.log() 进行调试,那么这个扩展可以为你节省很多编写 console.log() 的时间。
简单来说,它提供了一个快捷键,方便你在 JS/TS 文件中快速添加 console.log() 语句。在我的 Mac 上,我把这个快捷键改成了“Ctrl + C”。
8. Red Hat 的 YAML
如果你需要处理 .yaml/.yml 文件,这个工具绝对是救星。以前,我不得不处理一份极其冗长的 Swagger 文档,这份文档是用 YAML 文件编写的,没有任何格式化工具或语言支持,幸好我找到了它。
此扩展提供 YAML/YML 验证、自动完成和格式化功能。
祝你编程愉快!
文章来源:https://dev.to/tienloinguyen22/maybe-you-miss-these-cool-vscode-extensions-ji6











