Angular模板中Ctrl+B跳转组件需启用AngularJS插件，确保selector与模板标签完全一致，且索引完成；Ctrl+Alt+T可快速包裹逻辑块；Ctrl+Shift+N支持模糊搜索组件文件；Shift+F6重命名仅更新TS内引用，需手动检查模块、路由和模板中的三处引用。
Angular模板中快速跳转到组件定义
在 .html 文件里写 app-user-list 这类自定义组件时，光标停在标签上按 Ctrl + B（Windows/Linux）或 Cmd + B（macOS），WebStorm 默认不会跳转——因为没启用 Angular 语言服务。
必须先安装并启用官方 AngularJS 插件（注意：即使开发的是 Angular 2+，该插件名仍叫 “AngularJS”，JetBrains 未重命名），否则 Ctrl + B 只对 JS/TS 变量生效，对模板中的组件、指令无响应。
- 检查插件是否启用：
Settings > Plugins中搜索AngularJS，确保状态为 “Enabled” - 重启 WebStorm 后，还需等待索引完成（右下角提示 “Indexing…” 消失）
- 若仍不跳转，确认组件已用
@Component装饰器声明，且 selector 值与模板中完全一致（包括空格和大小写）
用 Ctrl + Alt + T 快速包裹模板逻辑块
Angular 模板里常要给一段 *ngIf 或 *ngFor 区域加容器元素（比如 <div> 或 <code><ng-container></ng-container>），手动敲太慢，也容易漏掉结束标签。
Ctrl + Alt + T 是关键快捷键，但默认行为是弹出“Surround With”菜单，需配合 Emmet 才能直接输入缩写：
- 选中 HTML 片段后按
Ctrl + Alt + T→ 选Tag→ 输入div或ng-container，回车即完成包裹 - 若已装 Emmet 插件，可直接输
div*3生成带重复结构的容器，但 Angular 模板中慎用*语法，易与*ngFor冲突 - 包裹后检查：WebStorm 不会自动补全
的闭合，需确认是否为自闭合写法（<ng-container>...</ng-container>）
Ctrl + Shift + N 查找组件时别输全名
在一个大型 Angular 项目里搜 user-profile.component.ts，输完整文件名反而慢，还可能因大小写或路径分隔符错配失败。
WebStorm 的模糊搜索机制更依赖前缀和语义切分：
- 搜
userpro或uprofile就能命中user-profile.component.ts - 搜
profile ts（空格分隔）会同时匹配含 “profile” 和 “ts” 的文件，比单关键词更准 - 默认不搜
node_modules和dist目录，如需包含，按Ctrl + Alt + Shift + N打开高级搜索 - 首次导入项目后索引未完成时，
Ctrl + Shift + N可能返回空结果，等右下角索引进度条消失再试
Shift + F6 重命名组件类名时的坑
改一个组件类名（比如从 UserProfileComponent 改成 ProfileCardComponent），看似只需 Shift + F6，但 Angular 的模块声明、路由配置、模板引用三处极易遗漏。
WebStorm 的重构只保证 TS 文件内引用更新，不自动处理：
-
app.module.ts中的declarations: [UserProfileComponent]—— 不会更新 -
app-routing.module.ts中的{ path: 'user', component: UserProfileComponent }—— 不会更新 -
some-page.component.html中的<app-user-profile></app-user-profile>—— 不会更新 - 真正安全的做法：先用
Shift + F6改类名，再全局搜UserProfileComponent（Ctrl + Shift + F），人工核对三类位置
最麻烦的是 selector 名称和文件名不同步：类名改了，但 user-profile.component.ts 文件名没改，后续 Ctrl + Shift + N 搜索仍靠旧名，容易误操作。
