sublime中angular模板指令不亮是因为默认用html语法解析器，需手动切换为angular html语法并安装对应语法包；.ts文件还需安装typescript插件并设为typescript语法，template字符串高亮需配置injections规则。
Angular模板里的*ngIf、[(ngModel)]不亮，不是插件没装对，而是Sublime根本没把它当Angular HTML处理——它默认只认标准HTML语法。
为什么.html文件里写Angular指令没高亮
Sublime Text打开component.html时，默认用的是原生HTML语法解析器。这个解析器不认识*ngIf这种结构，也不识别{{ }}插值或[prop]属性绑定，所有Angular特有语法都被当成普通字符串或无效属性忽略。
- 括号配对（如
[(ngModel)]里的[和]）不会高亮匹配 <div>整行颜色和普通<code><div>一样 <li>Emmet缩写在Angular模板中可能失效（比如<code>div*ngIf不展开）- 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Install Package，搜索并安装Angular HTML（注意不是AngularJS） - 打开你的组件模板文件（如
app.component.html） - 点击编辑器右下角当前语法名称（默认显示
HTML） - 选
Open all with current extension as… → Angular HTML - 如果没看到
Angular HTML选项，说明语法包没装成功，重装一遍或检查是否拼错名字 - 同样用
Package Control安装TypeScript插件（官方维护，非Typescript Syntax等第三方变种） - 打开任意
.ts文件，右下角点语法名，选Open all with current extension as… → TypeScript - 确认
@Component({里的@、花括号、字符串、对象键都有不同颜色；否则检查是否误选了TypeScriptReact或Babel - 如果
template: `<div>{{name}}</div>`里的HTML仍不亮，那是另一个问题：需要额外配置模板字面量内嵌高亮（见下条） - 必须已安装
TypeScript插件（前面已提） - 打开
Preferences → Package Settings → TypeScript → Settings – User - 添加如下配置（支持
template:和styles:后紧跟的字符串）：
怎么让.html文件启用Angular HTML语法
关键不是装“Angular插件”，而是告诉Sublime：这个.html文件要走Angular HTML语法路径。前提是得先有对应语法包。
.ts文件里@Component装饰器不亮？别漏掉TypeScript语法包
很多用户只配了模板高亮，但.ts文件里@Component、@Input还是灰的——这是因为Sublime默认把.ts当纯文本或JavaScript处理，没启用TypeScript语法层。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
模板字符串template: `<div>`里依然不亮怎么办
<p>这是个进阶但真实存在的坑：<code>@Component里的template或styles字段是JS/TS字符串，Sublime默认不会对里面的内容做HTML解析。想让它高亮，得靠语法注入规则。
{
"injections": {
"source.ts": {
"patterns": [
{
"include": "text.html.basic"
}
]
}
}
}
注意：这个配置只对新打开的.ts文件生效，已打开的需重新加载；且它依赖TypeScript插件的语法定义能力，换用Babel或JavaScript Next语法会失效。
真正容易被忽略的是：Angular HTML语法包和TypeScript语法包必须各自独立设置“Open all with current extension as”，不能只设一次就以为全局生效；而且template字符串高亮属于语法注入范畴，不是开个开关就能成，配置项位置、插件版本、甚至Sublime Text 3/4的解析引擎差异都会导致失败。
