Sublimetext 3和AngularJS – 语法突出显示(HTML)

发布时间：2020-12-17 17:25:07 所属栏目：安全来源：网络整理

导读：angularjs html模板是否有一些语法高亮显示？例 ng-click="someVariable" 我希望someVariable的突出显示与“”之间的其他字符串不同,或者至少我希望ng-someDirective能够突出显示. 解决方法我强烈建议你使用这个包： https://github.com/angular-ui/Angula

angularjs html模板是否有一些语法高亮显示？

例

ng-click="someVariable"

我希望someVariable的突出显示与“”之间的其他字符串不同,或者至少我希望ng-someDirective能够突出显示.

解决方法

我强烈建议你使用这个包：

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

它给你自动完成和其他东西.

关于语法高亮,我有我的：

What I've done

关于语法突出显示,您必须更改html语法分析器.

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

然后打开Color Scheme – Default.sublime-package(使用任何ZIP资源管理器),然后编辑Monokai.tmTheme(或您正在使用的主题).

您必须找到包含< string>标记属性< / 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.sublime-package中为HTML.tmLanguage做同样的事情.

在那里,你需要寻找：

<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

希望能帮助到你

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!