angularjs - Sublime Text 中 Angular 模板的特殊颜色标记？

Question

我正在寻找 angularJS 的语法标记。诸如此类的东西:

• 双花括号的特殊颜色{{mytag}}
• 以 ng-... 开头的任何属性的特殊颜色

我已经尝试过 this package 。它有 html(Angular) 语法，但它似乎没有做任何事情。

Answer 1

我已经调整了 HTML.tmlanguage 文件来执行类似的操作。

你可以从我的SublimeText2-Userfiles repo on GitHub下载该文件

使用方法如下:

• 将文件复制到您的用户文件夹，然后在打开 angular.js 模板文件时，单击 Sublime Text 状态栏右下角的“语法”选项。选择用户>HTML (Angular.js)

• 您还应该更新配色方案，为特定 Angular 范围添加颜色突出显示。您可以结账my personal color-scheme on the same repo here 。我想你所需要的就是这样的。

          <dict>
                  <key>name</key>
                  <string>Angular</string>
                  <key>scope</key>
                  <string>entity.other.attribute-name.angular.html, source.angular.embedded.html</string>
                  <key>settings</key>
                  <dict>
                          <key>foreground</key>
                          <string>#FF3A83</string>
                  </dict>
          </dict>
  

请记住，这只是一个肮脏的黑客行为，目的是让我的个人工作流程变得更轻松。如果您做出贡献并使其变得更好，我将不胜感激。它需要很多改进，但这几乎就是您想要的。