是否有一些用于angularjs html模板的语法突出显示?
例
ng-click="someVariable"
我希望someVariable与
""
之间的其他字符串不同地突出显示,或者至少我希望ng-someDirective被突出显示。 最佳答案
我强烈建议您使用此软件包:
https://github.com/angular-ui/AngularJS-sublime-package
它为您提供自动完成功能和其他功能。
关于语法突出显示,我的理解是:
关于语法突出显示,您必须更改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
希望能帮助到你