以下是使用 VS Code 编写 Node.js 项目时推荐的 20 个必装插件,特别适用于 TypeScript 语言开发:
- ESLint:提供代码检查和自动修复功能,确保代码符合规范和最佳实践。
- ✅ Prettier:自动格式化代码,使代码风格统一。
- Debugger for Chrome:调试器插件,允许在 VS Code 中直接调试 Chrome 浏览器中的代码。
- ✅ GitLens:增强 Git 功能,使得在 VS Code 中进行代码版本控制更加方便。
- npm Intellisense:为
require()
语句提供自动补全功能,可以快速输入其他库的名称。
- Path Intellisense:为
import
语句提供自动补全功能,可以快速输入其他模块的路径。
- ✅ Auto Close Tag:自动闭合 HTML、XML 和 JSX 标签,减少输入错误。
- ✅ Auto Rename Tag:自动重命名 HTML、XML 和 JSX 标签,避免手动修改所有相同的标签名称。
- 🈲️ Bracket Pair Colorizer:给不同的括号加上不同的颜色,帮助开发者更好地区分不同的代码块。
- Code Spell Checker:检查代码中的拼写错误并提供纠正建议,减少因为单词拼写错误引起的错误。
- ✅ Color Highlight:在 CSS、Sass、Scss、Less 和 Stylus 中高亮显示颜色代码。
- Import Cost:在
import
语句中计算包的大小并显示在编辑器中。
- Output Colorizer:将终端输出的颜色转换成可读的颜色,使输出更加易于阅读。
- 🈲️ Rainbow Brackets:将括号按照深度不同的颜色进行高亮显示,方便开发者快速匹配括号。
- REST Client:可以在 VS Code 中发送 HTTP 请求并查看响应结果,方便调试 API 接口。
- 🈲️ Settings Sync:将 VS Code 的设置和插件同步到不同的机器上,方便开发者在不同的环境中使用相同的配置。
- ✅ Todo Tree:将代码中的 TODO、FIXME、BUG 等注释以树形结构显示出来,方便开发者查看任务列表。
- Version Lens:显示当前项目依赖包的最新版本,方便开发者及时更新依赖包。
- VS Live Share:允许多个开发者在同一份代码上进行实时协作,方便团队开发。
- ✅ indent-rainbow:用不同的颜色标记代码缩进深度。
- ✅ Markdown All in One:提供 Markdown 编辑器功能,可以实时预览 Markdown 格式的文档。
希望这些插件能够提高您的开发效率和代码质量!
符号说明:
🈲 已不再更新或被整合为 VS Code 内置功能
✅ 亲测好用,正在使用中