使用 AngularJS 的 typescript 时如何在反引号中获取 html/css snipits

Posted 2023-03-13

【中文标题】使用 AngularJS 的 typescript 时如何在反引号中获取 html/css snipits

【英文标题】：how to get html/css snipits in backticks when using typescript for AngularJS

【发布时间】：2016-12-10 00:23:27

【问题描述】：

我知道这可能听起来很愚蠢，但每当我在 Angular 2 中编写模板时，我的 html 只会显示为灰色文本，我无法执行自动完成之类的操作。 CSS 也有同样的问题

是否有插件可以解决这个问题或者这是一个设置问题？

顺便说一句，我正在使用 Visual Studio 代码

编辑：截图

【问题讨论】：

你能至少发个截图吗？

【参考方案1】：

有一个插件可以添加这个突出显示： https://marketplace.visualstudio.com/items?itemName=nwallace.language-vscode-javascript-angular2

从 cmets 看来，它实际上并不支持智能感知/完成，但有语法高亮显示。个人在很多项目中使用 IntelliJ 产品，他们有一个“语言注入”选项：https://www.jetbrains.com/help/idea/2016.2/using-language-injections.html也许 Visual Studio 有类似的东西，或者你可以试试 IntelliJ。

【讨论】：

hmm 可能会给 intellij 一个尝试...但这不是付费 IDE 吗？

是的，但是免费试用，对我来说，后端代码的交互式调试器是值得的，并且相信免费的 android Studio 是基于 intellij 构建的

Visual Studio 2015 是否存在类似情况？

【参考方案2】：

您是否在 Visual Studio Code 中正确配置了 Angular Js 2 和 TypeScript？ 这是一个链接link。