是否有一些用于angularjs html模板的语法突出显示?



ng-click="someVariable"


我希望someVariable与""之间的其他字符串不同地突出显示,或者至少我希望ng-someDirective被突出显示。

最佳答案

我强烈建议您使用此软件包:

https://github.com/angular-ui/AngularJS-sublime-package

它为您提供自动完成功能和其他功能。

关于语法突出显示,我的理解是:

angularjs - Sublimetext 3和AngularJS-语法高亮(HTML)-LMLPHP
关于语法突出显示,您必须更改html语法解析器。

您必须导航到安装文件夹中的Packages文件夹(我的/opt/sublime_text/Packages)。

然后,打开Color Scheme - Default.sublime-package(使用任何ZIP浏览器),然后编辑Monokai.tmTheme(或正在使用的主题)。

您必须找到包含<string>Tag attribute</string>的标签,并将此部分添加到dict之后:

<dict>
  <key>name</key>
  <string>Tag ng attribute</string>
  <key>scope</key>
  <string>entity.other.attribute-name.ng</string>
  <key>settings</key>
  <dict>
    <key>fontStyle</key>
    <string>bold</string>
    <key>foreground</key>
    <string>#FF6600</string>
  </dict>
</dict>


您保存文​​件,然后将其重新添加到“ ZIP”中,该文件夹是Sublime-Package文件夹。

第2步:

进行相同的操作,但对于HTML.tmLanguage,在HTML.sublime-package内。

在那里,您需要查找:

    <key>tag-generic-attribute</key>
<dict>
    ...
</dict>


并在以下部分添加部分:

<key>tag-ng-attribute</key>
<dict>
    <key>match</key>
    <string>\b(ng-[a-zA-Z\-:]+)</string>
    <key>name</key>
    <string>entity.other.attribute-name.ng.html</string>
</dict>


再次保存,将其插入您的sublime-package中,然后,删除sublime应用程序缓存,重新启动它,并突出显示语法。

请让我知道结果。
我在此链接中获得了以下解释:
https://groups.google.com/forum/#!topic/angular/qCGSZ6a6KVA

希望能帮助到你

09-30 15:32
查看更多