webstorm运行angular项目必须用终端执行ng new创建，禁用自动导入、启用angular language service、node.js解释器指向node_modules/.bin/ng，并确保tsconfig.json包含"src/*/.html"。
WebStorm 运行 Angular 项目，**不能直接依赖内置的“Angular CLI”向导创建项目**——它生成的结构已不兼容 Angular 14+（尤其是 standalone components、SSR、signals），且缺失 tsconfig.spec.json、.vscode/settings.json 等关键文件，后续 ng serve 或 ng test 几乎必报错。
用终端执行 ng new 创建项目，而不是 WebStorm 向导
WebStorm 的“New Project → Angular CLI”模板自 Angular v14 起就未更新，会跳过现代 CLI 的初始化逻辑（如自动写入 angular.json 中的 standalone: true 配置、生成 src/main.ts 的 bootstrap 方式等）。
- 在 WebStorm 内置终端（
Alt+F12）中运行完整命令，例如：ng new my-app --routing=true --style=scss --standalone=true - 务必等终端输出
Successfully initialized git.再操作，说明依赖已装完、配置已写全 - 完成后，关闭当前空项目窗口，用
File → Open…打开刚生成的my-app文件夹——不是“Import Project”
启用 Angular Language Service 并禁用 TypeScript 自动导入
不启用该服务，HTML 模板里写 *ngIf 不补全、routerLink 无校验；不关自动导入，@angular/core 类型大概率被错导成 @types/angular（AngularJS 的类型包），导致 @Component 报红、跳转失效。
- 首次打开项目后，右下角弹出 “Angular Language Service” 提示，必须点 Enable
- 进
Settings → Editor → General → Auto Import，取消勾选：Enable auto-import、Add unambiguous imports on the fly、Insert imports on paste - 手动导入时，写完
@Component({})按Alt+Enter，只选路径含@angular/core的那条，别点 “auto-import all”
Node.js 解释器必须指向 node_modules/.bin/ng，不是全局 ng
Angular CLI 强制要求本地 CLI 版本与 package.json 中 @angular/cli 的版本严格一致。用全局 ng（比如 v17）跑一个 "@angular/cli": "16.2.12" 的项目，编译会卡在 Compiling @angular/core : es2015 as esm2015，或报 Unknown option: '--disable-host-check'。
- 进
Settings → Languages & Frameworks → Node.js and NPM - 把
Node interpreter改为项目根目录下的：node_modules/.bin/ng（注意：是ng，不是node） - Run Configuration 中，
Command填serve，Working directory设为项目根路径（不能留空）
tsconfig.json 必须包含 "src/**/*.html"
否则 WebStorm 无法识别组件模板文件，app.component.html 里写 {{ title }} 不提示、不校验、不跳转到 title 定义处。
- 打开项目根目录下的
tsconfig.json - 确认
include数组中有："src/**/*.html"（Angular CLI 默认已加，但手动改过或旧模板可能漏） - 若缺失，手动补上，保存后 WebStorm 会自动重载 TypeScript 服务
最关键的其实是：WebStorm 只是个编辑器，不是构建工具。所有 Angular 行为（启动、构建、测试）都由本地 ng 命令驱动，而 WebStorm 的配置只是确保它“看懂”这个命令在做什么——解释器路径、语言服务、类型导入，三者缺一不可，且顺序不能乱：先终端建项目，再开项目启服务，最后调配置。
