VSCode 依赖全局安装的 @angular/cli 实现 Angular 项目生成，需执行 npm install -g @angular/cli 并验证 ng version；推荐仅安装 Angular Language Service、Prettier 和 Auto Import 三款插件；所有生成操作应在集成终端中运行 ng 命令，而非依赖右键菜单。
VSCode 本身不内置 Angular 项目生成能力，真正起作用的是 @angular/cli —— 所有组件、服务、模块的创建都依赖它，VSCode 只是提供编辑支持和命令行集成。
必须先全局安装 @angular/cli
没装 CLI，VSCode 再怎么配置也跑不起来 ng generate 或 ng new。这不是 VSCode 插件能替代的：
- 运行
npm install -g @angular/cli（推荐用npm，yarn global add在某些 Node 版本下权限异常多） - 验证是否成功：
ng version应输出版本号，且ng命令可被系统识别 - 如果报
command not found: ng，检查 npm 全局 bin 路径是否已加入$PATH（macOS/Linux 查npm config get prefix；Windows 看%APPDATA%\npm）
VSCode 推荐插件：只装这 3 个够用
Angular 官方插件（Angular Language Service）是核心，其余多数属于“锦上添花”，甚至可能拖慢大型项目启动：
-
Angular Language Service：提供模板语法高亮、*ngIf参数提示、组件跳转等，必须启用 -
Prettier：配合.prettierrc格式化 TypeScript 和 HTML，避免和@angular/cli默认的TSLint（旧版）或ESLint（新版）冲突 -
Auto Import（by steoates）：自动补全import语句，比 VSCode 默认的更准，尤其对@angular/core中的Component、Injectable等符号 - 别装
Angular Snippets类插件——CLI 的ng g c my-comp已覆盖所有脚手架需求，片段容易过时
在 VSCode 终端里用 ng generate 而不是右键菜单
VSCode 没有原生 Angular 上下文菜单，所谓“右键生成组件”基本来自第三方插件，稳定性差、参数不可控，还常和 CLI 版本脱节：
- 统一在 VSCode 集成终端（
Ctrl+`）中执行：ng g c users/user-list --skip-tests -
--skip-tests很关键：Angular 默认为每个组件生成.spec.ts，但很多团队用 Cypress 或 Playwright，留着反而干扰覆盖率统计 - 路径写法要和 CLI 认知一致：例如
ng g s core/auth会在src/app/core/auth/auth.service.ts生成服务，VSCode 不会帮你“猜”目录结构 - 如果终端报
Command 'ng' not found，说明终端没继承 shell 的 PATH，重启 VSCode 或在设置里勾选terminal.integrated.inheritEnv
模板语法报错但项目能运行？关掉 strictTemplates 或配好 tsconfig.json
Angular Language Service 报红 Cannot find name 'item'（在 *ngFor="let item of list" 中），往往不是代码错，而是 TS 配置没对齐：
- 检查项目根目录
tsconfig.json是否含"angularCompilerOptions": { "strictTemplates": true } - 若没开
strictTemplates，Language Service 会降级检查，导致模板类型提示失效或误报 - 修改后需重启 VSCode 终端或点击状态栏的
Restart Angular Server（小闪电图标），否则缓存不更新 - 别强行关插件来“消除红标”——那等于放弃模板类型安全，问题只是藏起来了
Angular 项目结构和 CLI 行为远比 VSCode 插件逻辑复杂，配置重点永远是让 VSCode 正确识别并调用 CLI，而不是反过来让 CLI 迁就编辑器。路径、TS 配置、全局命令可用性，这三个点卡住，90% 的“生成失败”“跳转无效”“模板报错”问题就解决了。
