必须装Angular Language Service（须匹配@angular/core大版本）、ESLint（推荐）、Prettier（建议）；禁用冗余插件可避免冲突，提升启动与热更新速度。
装对三个扩展、配好 CLI 和 tsconfig.json，Angular 项目在 VSCode 里才能真正“活”起来——补全准、跳转快、模板有提示。装多了反而冲突，尤其是自动导入类插件。
必须装的三个插件及其版本匹配规则
不是所有标着 “Angular” 的插件都值得留：只保留 Angular Language Service（必须）、ESLint（推荐）、Prettier（建议）。其他如 Angular Snippets 或 TypeScript Import Sorter 属于可选，小项目里反而干扰补全逻辑。
-
Angular Language Service必须和项目中@angular/core的大版本严格一致（比如项目是 v17.2.0，插件就得用 v17.x，不能用 v16 或 v18）；不匹配会导致*ngIf不识别、@Input()无提示 - 它依赖的是项目
node_modules/typescript的版本，不是 VSCode 自带的 TS 版本；补全失效时先检查npm ls typescript - 装完必须重启 VSCode（不是重载窗口），否则服务不激活；若仍无模板提示，运行命令面板里的
Angular: Restart Angular Language Service
tsconfig.json 配错导致路径跳转失效
VSCode 默认读 tsconfig.json 做路径解析和类型跳转，jsconfig.json 在纯 Angular 项目里完全多余，还可能让 import 路径标红但实际能跑。
- 关键配置只有两个：
"baseUrl": "src"和"paths"；漏掉baseUrl，别名路径（如@core/http）就无法解析 -
"paths"末尾必须带/*，写成"@core": ["app/core"]是无效的，正确写法是"@core/*": ["app/core/*"] - 确保
tsconfig.app.json中"enableIvy": true（Angular v13+ 默认开启，老项目可能关着，关了会导致模板中@Input不提示）
HTML 模板不识别 Angular 语法？先看语言模式
VSCode 默认把 .html 文件识别为普通 HTML，Angular Language Service 的模板支持根本不会加载。
- 右下角点击当前语言模式（显示 “HTML”），选
Configure File Association for '.html'→ 设为Angular HTML - 第三方库组件（如
@ng-bootstrap/ng-bootstrap）不提示，大概率是没在app.module.ts或对应模块中import并imports: [NgbModule] - 如果用了
ng build --aot，但模板仍无提示，检查tsconfig.app.json是否被其他配置覆盖了 Ivy 设置
调试失败常见原因：launch.json + ng serve 同步问题
VSCode 的调试器不会自动启动 ng serve，点 F5 前必须手动运行 ng serve，否则 Chrome 打不开或断点不命中。
-
launch.json中"url"必须是"http://localhost:4200/"（结尾斜杠不能少），"webRoot"设为"${workspaceFolder}/src" - 不要用
attach模式调试开发服务器——request: "launch"才是标准做法；attach适合已运行的生产构建或 Electron 场景 - 如果断点进了
main.js而不是你的component.ts，说明 source map 没对齐，检查angular.json中"sourceMap": true是否启用
最容易被忽略的是 Angular Language Service 插件与项目 TypeScript 版本的隐式绑定，以及 tsconfig.json 中 baseUrl 和 paths 的路径末尾通配符——这两处出错不会报红，但你会反复点进 any 定义里出不来，以为是插件坏了。
