必装插件
🔌

必装插件

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

符号说明:

🈲 已不再更新或被整合为 VS Code 内置功能
✅ 亲测好用,正在使用中