Sublime Text如何配置Angular开发环境？TS与HTML模板提示-sublime-PHP中文网

sublime text 中 typescript 文件无语法高亮和补全，需安装 microsoft 官方 typescript 插件并手动设置语法为 typescript；angular html 模板需切换至 angular html 语法模式才能高亮指令和插值；跨文件变量补全不支持，eslint 校验需配置 sublimelinter-eslint 及 eslint_d 执行器。

sublime text如何配置angular开发环境？ts与html模板提示

TS 文件没语法高亮、没补全，是因为没装对 TypeScript 插件

Sublime Text 默认不识别 .ts 文件，打开后全是白底黑字，import、@Component、类型标注全无颜色，更别提跳转或补全。这不是 Angular 配置问题，而是 TypeScript 语言支持缺失。

必须通过 Package Control 安装官方维护的 TypeScript 插件（GitHub 仓库名：Microsoft/TypeScript-Sublime-Plugin），不是“AngularJS”或“TypeScript Syntax”这类替代品
安装后需手动设置：打开任意 .ts 文件 → 点击右下角语法标识（如显示 “Plain Text”）→ 选择 TypeScript；若无此选项，说明插件未生效，重启 Sublime 或检查插件是否被禁用
插件启用后，Ctrl+Click 可跳转到类型定义，Ctrl+Shift+P 输入 TypeScript: Restart Server 可强制刷新语言服务（尤其在改了 tsconfig.json 后）

HTML 模板里 *ngIf、{{ }} 不高亮，得切语法模式

Angular 的 HTML 模板不是标准 HTML，*ngIf、[(ngModel)]、插值表达式这些语法，原生 HTML 模式完全不认识。Sublime 不会自动切换，必须人工指定。

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

打开组件的 .html 文件 → 点击右下角当前语法（常为 “HTML” 或 “Plain Text”）→ 选择 Angular HTML；若菜单里没有，说明没装对应语法包，需通过 Package Control 安装 Angular HTML（注意不是 “AngularJS”）
该语法包通常随 TypeScript 插件一起安装，但有时需单独搜 “Angular HTML” 并安装；安装后重启 Sublime 才能出现在语法列表中
切完语法后，{{ item.name }} 会高亮为表达式，[disabled] 和 *ngFor 也会有独立配色，括号自动匹配也生效

TS 变量在 HTML 模板里没提示，本质是跨文件类型推断失效

Sublime 的 TypeScript 插件只负责单文件分析，它不知道 my.component.ts 里的 title: string = 'Hello' 会被 my.component.html 用到。所谓“模板中变量提示”，实际依赖的是 IDE 级别的 Angular Language Service，Sublime 原生不支持。

不要指望 {{ title }} 在 HTML 里输入 {{ ti 就弹出 title 补全——这需要后台运行 nglangsvc，VS Code 靠扩展实现，Sublime 没等效方案
唯一接近的缓解方式：确保 .ts 和 .html 文件在同一项目根目录下，且 tsconfig.json 覆盖了组件路径；TypeScript 插件偶尔能基于 import 关系做有限推断，但不稳定
真要变量提示，只能退一步：在 .ts 文件里写好变量，复制粘贴进模板，或靠 Emmet + 自定义 snippet（如 ngbind 展开为 [property]="|"）减少手敲

保存时没 ESLint 提示，得配 SublimeLinter + eslint_d

Angular 项目普遍用 eslint 做代码检查，但 Sublime 默认不触发。光装插件不够，关键在执行器配置和项目级规则识别。

先全局安装 eslint_d（比原生 eslint 启动快）：npm install -g eslint_d
通过 Package Control 安装 SublimeLinter 和 SublimeLinter-eslint；后者需在用户设置里指定路径："eslint_executable": "/usr/local/bin/eslint_d"（macOS/Linux）或 "eslint_executable": "C:\Users\xxx\AppData\Roaming\npm\eslint_d.cmd"（Windows）
确保项目根目录有 .eslintrc.json（Angular CLI 默认生成），且其中包含 "parserOptions": { "project": "./tsconfig.json" }，否则 TS 类型相关规则（如 @typescript-eslint/no-explicit-any）不会生效