Visual Studio 2013 AngularJS智能感知支持

我认为VS 2013应该支持angularjs属性intellisense? 由于某种原因,它不适用于我最新版本的Microsoft Visual Studio Ultimate 2013版本12.0.21005.1

获取以下validation警告:属性“ng-app”不是元素“html”的有效属性。
属性'ng-view'不是元素'div'的有效属性。

我是否错过了某处的xsd参考?

我有同样的问题,我做了以下,它帮助。

如果您使用的是ReSharper,则可以添加一个扩展名,它将为您提供Intellisense,不会发出警告。

VS中的顶级菜单> Resharper> Extension Manager>searchAngularJS这将添加angular度js intellisense。

– – – -编辑 – – – –

使用Resharper 8.2.1 Resharper菜单

在这里输入图像说明

我知道这是旧的,但它仍然发生在我身上。 要修复VS 2013,请按照以下说明操作:

1)打开文件C:\ Program Files(x86)\ Microsoft Visual Studio 12.0 \ Common7 \ Packages \ schemas \ html \ commonHTML5Types.xsd

2)find文件中以该行开头的区域: <xsd:attribute name="translate"> 。 向下滚动大约7行以查找相应的结束标记: </xsd:attribute>

3)在</xsd:attributeGroup>结束标记之上 ,粘贴以下几行代码:

 <xsd:attribute name="ng-app" vs:category="Angular" /> <xsd:attribute name="ng-bind-html" vs:category="Angular" /> <xsd:attribute name="ng-bind-html-unsafe" vs:category="Angular" /> <xsd:attribute name="ng-bind-template" vs:category="Angular" /> <xsd:attribute name="ng-checked" vs:category="Angular" /> <xsd:attribute name="ng-class" vs:category="Angular" /> <xsd:attribute name="ng-class-even" vs:category="Angular" /> <xsd:attribute name="ng-class-odd" vs:category="Angular" /> <xsd:attribute name="ng-click" vs:category="Angular" /> <xsd:attribute name="ng-cloak" vs:category="Angular" /> <xsd:attribute name="ng-controller" vs:category="Angular" /> <xsd:attribute name="ng-csp" vs:category="Angular" /> <xsd:attribute name="ng-dblclick" vs:category="Angular" /> <xsd:attribute name="ng-disabled" vs:category="Angular" /> <xsd:attribute name="ng-form" vs:category="Angular" /> <xsd:attribute name="ng-hide" vs:category="Angular" /> <xsd:attribute name="ng-href" vs:category="Angular" /> <xsd:attribute name="ng-include" vs:category="Angular" /> <xsd:attribute name="ng-init" vs:category="Angular" /> <xsd:attribute name="ng-list" vs:category="Angular" /> <xsd:attribute name="ng-model" vs:category="Angular" /> <xsd:attribute name="ng-mousedown" vs:category="Angular" /> <xsd:attribute name="ng-mouseenter" vs:category="Angular" /> <xsd:attribute name="ng-mouseleave" vs:category="Angular" /> <xsd:attribute name="ng-mousemove" vs:category="Angular" /> <xsd:attribute name="ng-mouseover" vs:category="Angular" /> <xsd:attribute name="ng-mouseup" vs:category="Angular" /> <xsd:attribute name="ng-multiple" vs:category="Angular" /> <xsd:attribute name="ng-non-bindable" vs:category="Angular" /> <xsd:attribute name="ng-readonly" vs:category="Angular" /> <xsd:attribute name="ng-repeat" vs:category="Angular" /> <xsd:attribute name="ng-selected" vs:category="Angular" /> <xsd:attribute name="ng-show" vs:category="Angular" /> <xsd:attribute name="ng-src" vs:category="Angular" /> <xsd:attribute name="ng-style" vs:category="Angular" /> <xsd:attribute name="ng-switch" vs:category="Angular" /> <xsd:attribute name="ng-transclude" vs:category="Angular" /> <xsd:attribute name="ng-view" vs:category="Angular" /> 

保存文件并重新打开VS2013。 这应该解决这个问题。

我安装了http://vswebessentials.com/

用内容创build了一个名为_reference.js的文件

 /// <autosync enabled="true" /> /// <reference path="angular.js" /> /// <reference path="underscore.js" /> 

我从_references.js背后的故事中了解到这一点

如果您使用的是ReSharper,请尝试closuresReSharper IntelliSense for HTML。

ReSharper>选项>智能感知>常规>有限的ReSharper IntelliSense

笔记:

  • 这不提供ASP.NET文件中的AngularJS intellisense
  • 设置更改后,您需要在VS中重新打开HTML文件
  • 目前版本的ReSharper是8.2

你也可以在VS 2013的包pipe理器控制台中运行:Install-Package AngularJS.Intellisense。

尝试在选项中勾选Text Editor\HTML\General\Auto list members

Visual Studio 2013 Update 4删除了validation,但不包含IntelliSense for AngularJS。

支持自定义元素,聚合物元素和属性

我们不再validation定制元素的未知属性,因为在不同的框架中会有很多定制的标签。 所以在未知的元素下将不会再出现混乱。

– 在Visual Studio 2013 Update 4 RC中宣布新的Webfunction

下载Visual Studio 2013 Update 4 。

仅在HTML编辑器中删除validation,而不是在HTML(Web窗体)编辑器中。 这意味着,默认情况下.html文件不会有自定义元素validation,但.aspx页面将会。 如果像我一样,你不觉得这是有道理的,通过在.aspx文件中投票自定义元素来显示你的支持。

遇到同样的问题。 如果你像我一样在VS 2013上安装ReSharper ,你可以通过安装AngularJS插件(由JetBrains提供)来获得Instellisense。

以下是如何做到这一点:

  1. VS2013> ReSharper>pipe理分机。
  2. 在线使用Nugetsearch“AngularJS”,然后点击“安装”。

以上应该得到你所需要的。 如果您需要图片指南,请点击这里链接 – http://jeeshenlee.com/2014/07/12/how-to-get-angularjs-intellisense-support-on-resharper/

我知道这个post是旧的,这个问题具体是指VS 2013,但是如果你仍然运行VS 2010,并希望应用puargs解决scheme,您可以在C:\ Program Files文件(x86)\ Microsoft Visual Studio 10.0 \ Common7 \包\模式\ HTML \ html_5.xsd。

您需要在<xsd:attributeGroup name="commonHTML5coreAttributeGroup">部分添加puargs的代码。

Mads Kristensen还讨论了[将此解决scheme应用于VS 2012] 1,并在第2步中提供了2012年常见HTML5Types.xsd更新版本的链接。

还要注意,puargs和Mads列表缺lessng-view上的一个属性,导致“属性名称后面必须跟着相同的(=)符号”警告。 完整的元素是: <xsd:attribute name="ng-view" vs:category="Angular" vs:standalone="true" />

我还没有尝试VS2013,但可以工作。 使用vs2012。 http://madskristensen.net/post/angularjs-intellisense-in-visual-studio-2012

我只是禁用了HTML页面的resharper intellisense,并在VS2013上获得了angular度智能感知