Question

我正在使用带有打字稿的angular 2，在编写内联模板时，你使用反引号。

但是内部的内容没有突出显示，它保持相同的颜色，有时难以调试。

@Component({
    selector: "my-template-driven",
    template: `
      <h2>Sign-up Form</h2>
      <form (ngSubmit)="onSubmit(f)" #f="ngForm">
        <section>
          <label for="email">Email</label>
          <input type="email" id="email" ngControl="email" #email="ngForm">
          <span class="validation-error" required *ngIf="!email.valid">Not Valid</span>
        </section>
        <section>
          <label for="password">Password</label>
          <input type="password" id="password" ngControl="password" #password="ngForm">
          <span class="validation-error" required *ngIf="!password.valid">Not Valid</span>
        </section>
        <section>
          <label for="confirm-password">Confirm Password</label>
          <input type="confirm-password" id="confirm-password" ngControl="confirm-password" #confirmPassword = "ngForm">
          <span class="validation-error" required *ngIf="!confirmPassword.valid">Not Valid</span>
        </section>
        <button type="submit">Submit</button>
      </form>
    `

})

这有解决方法吗？还有任何IDE支持这个吗？

Answer 1

Nikolay Yakimov告诉我，从v12反引号开始，不再支持语法突出显示，因为atom-typescript没有资源来支持他们自己的语法分叉。

似乎atom-typescript-zh-backticks也不再可用。

虽然我喜欢v12中的一些新功能，但我觉得语法格式化的损失太大了。

atom-typescript仍然维护着一个legacy分支，该分支反对语法突出显示。要安装，您需要：

从atom中的包管理器中卸载atom-typescript。然后：

cd ~/.atom/packages
git clone -b legacy https://github.com/TypeStrong/atom-typescript.git
cd atom-typescript-legacy
npm install

重新启动原子并检查包管理器中的atom-typescript。很可能你需要重建它并重新启动原子。

希望有时很快会有人提出一种不依赖传统软件包的解决方案。但在此之前，这应该有效。

Answer 2

atom-typescript上有一个open issue来添加对此的支持，不幸的是，自3月以来，作者看起来并没有取得进展。

但是，另一位开发人员提出fork of the atom-typescript repository确实在反引号中添加了对语法高亮的支持，您可以通过运行命令行来安装它：

apm install atom-typescript-zh-backticks

您也可以在Install内的Settings标签中找到它（ Ctrl - 逗号）

更新：现在是官方atom-typescript包的一部分。

打字稿提示语法突出显示

2 个答案: