WebStorm 转到 Visual Studio Code 必安插件

如果你从IntelliJ IDEA / WebStorm转到Visual Studio Code开发NestJS Node.js建议安装下面这一套插件基本可以把 IDEA 的开发体验补齐甚至更轻量 ⚡。一、必装插件核心开发这几个基本是NestJS Node 必备。1️⃣ ESLint插件ESLint功能自动代码检查保存自动修复保持团队代码风格建议配置editor.codeActionsOnSave: { source.fixAll.eslint: true }2️⃣ Prettier插件Prettier功能自动格式化代码NestJS 官方推荐推荐配置editor.defaultFormatter: esbenp.prettier-vscode editor.formatOnSave: true3️⃣ Path Intellisense插件Path Intellisense功能自动补全 import 路径避免手写../../../../4️⃣ npm Intellisense插件npm Intellisense功能自动补全package.json里的依赖二、NestJS 推荐插件5️⃣ NestJS Snippets插件NestJS Snippets功能快速生成代码nest-controller nest-service nest-module nest-guard nest-interceptor例输入nest-controller自动生成Controller(users) export class UsersController {}6️⃣ REST Client调 API插件REST Client作用在 VSCode 里直接测试 APIGET http://localhost:3000/users点击Send Request就能调接口。比 Postman 轻量。三、开发效率插件强烈推荐7️⃣ GitLens插件GitLens功能查看每行代码是谁写的commit 历史blame分支管理8️⃣ Error Lens插件Error Lens功能把错误直接显示在代码旁边❌ Argument of type string is not assignable to number不用 hover。9️⃣ Auto Rename Tag插件Auto Rename Tag功能改div自动同步/div。四、数据库相关如果用如果你用PrismaPrisma插件Prisma功能schema 自动补全relation 提示query validation五、我个人 NestJS 项目完整插件列表推荐建议安装ESLint Prettier GitLens Error Lens Path Intellisense npm Intellisense NestJS Snippets REST Client Prisma (如果用 Prisma) Auto Rename Tag六、VSCode 必调配置非常重要打开 settings.json{ editor.formatOnSave: true, editor.codeActionsOnSave: { source.fixAll.eslint: true }, typescript.updateImportsOnFileMove.enabled: always, editor.tabSize: 2 }效果保存自动格式化自动修复 eslint改文件名自动改 import额外建议IDEA 用户非常有用安装IntelliCodeAI 补全代码接近 IDEA 智能提示。如果你愿意我可以再给你一套「NestJS VSCode 顶级开发环境配置」包括VSCode settings.jsoneslint prettier 最佳配置debugger 配置nestjs launch.json一键启动调试体验基本不输 IDEA。