Visual Studio 2015-HTML-角度语法突出显示 [英] Visual Studio 2015 - HTML - Angular Syntax Highlight

问题描述

我们在html页面中大量使用角度，当前以ng-开头的属性会对属性中的内容应用不同的前景色。角度表达式{{expression}}中的值也是如此。这使得阅读较大的HTML文档更加美观，尤其是在处理有棱角的部分时。

但是，只要将前缀data-添加到角度标记(如将ng-if更改为data-ng-if)，突出显示就会丢失/删除。所以我的问题是，我如何才能让.html和.cshtml文本编辑器将颜色格式应用于以data-ng-开头的html属性？

---

到目前为止我已尝试的内容

我开始尝试查找在哪里可以找到ng-属性前缀的识别，并认为我可以从那里编辑它，但这就是我被卡住的地方。

请注意，在每次尝试解决此问题之间，我都重新启动了Visual Studio。如果还有其他我应该/尝试做的事情，以确保刷新某个地方的缓存，请让我知道，也许我解决了问题，但没有看到结果。

颜色主题编辑器

我最近发现了一个新的Visual Studio扩展，名为Color Theme Editor。使用颜色匹配，我发现ng-属性使用Text Editor -> HTML Client Template Value在主题中应用了颜色。为了找到这一点，我搜索了VS中的选项，结果发现Options -> Text Editor -> HTML (Web Forms) -> Formatting -> Tag Specific Options...，但我在这里找不到任何特定于角度属性的东西。

其他扩展

我现在在想，也许它实际上是扩展的一部分，而不是嵌入到Visual Studio中。以下是我安装的相关扩展：

• Microsoft ASP.NET和Web工具
• Microsoft ASP.NET Web框架和工具
• 用于Windows库和JavaScript的Visual Studio扩展

我在VS中找不到可以编辑其中任何设置的任何内容，但我可能在错误的位置查找。

Web工具扩展

我找到了一个名为C:Program Files (x86)Microsoft Visual Studio 14.0Common7IDEExtensionsMicrosoftWeb ToolsSchemas1033HTML的文件夹，并对文件SchemaCatalog.xml进行了编辑，使其包含一个新元素，它是角度元素的副本。

 <schema File="angularData.xsd" FriendlyName="AngularDataJS" Uri="http://schemas.microsoft.com/intellisense/angular" IsSupplemental="true" CustomPrefix="data-ng-" />

然后，我创建了名为angularData.xsd的angular.xsd文件的副本，并在ng-上使用data-ng-进行了查找/替换。在SchemaCatalog.xml中，我对行项目进行了排序，以便新记录位于具有CustomPrefix="data-"的记录之前。这似乎也没有任何效果。

XSD文件

我也试过在文件夹C:Program Files (x86)Microsoft Visual Studio 14.0Common7Packagesschemashtml和.xsd文件中查找，但在这里我也找不到任何有关角度或ng-作为前缀的措辞。

推荐答案

我所能发现的是，ng-xxx属性的此颜色可以在字体颜色/Html客户端模板值中修改(在显示项面板中)。我的猜测是，有某个地方的客户模板的角度安装。告诉VSng-前缀的是角度标记，使其成为"客户端模板"标记。我找到了这个文件：

C：程序文件(X86)Microsoft Visual Studio 14.0Common7IDEExtensionsMicrosoftWeb工具架构1033HTMLangular.xsd

列出了一些名称，但我不确定添加带有data-ng-前缀的其他名称是否会应用此颜色。此外，到目前为止，我还没有找到关于这些客户端模板存储在哪里以及最终如何管理它们的任何信息。

这篇关于Visual Studio 2015-HTML-角度语法突出显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！