web-dev-qa-db-ja.com

Visual Studio 2013 AngularJS intellisenseサポート

私はVS 2013がangularjs属性インテリセンスをサポートするはずだと思いましたか?何らかの理由で、Microsoft Visual Studio Ultimate 2013バージョン12.0.21005.1の最新バージョンでは動作しません

次の検証警告を取得:属性「ng-app」は、要素「html」の有効な属性ではありません。
属性「ng-view」は、要素「div」の有効な属性ではありません。

どこかにxsd参照がありませんか?

52
Henry O

私は同じ問題を抱えていたので、次のことをしました。

ReSharperを使用している場合は、Intellisenseを提供する拡張機能を追加できますが、警告は表示されません。

VS> Resharper> Extension Manager> Search AngularJSのトップメニューこれにより、angular js intellisenseが追加されます。

------- EDIT -------

Resharper 8.2.1の使用 Resharper Menu

enter image description here

65
OmerBTW

私はこれが古いことを知っていますが、それはまだ私のために起こっていました。 VS 2013用に修正するには、次の手順に従ってください。

1)ファイルC:\ Program Files(x86)\ Microsoft Visual Studio 12.0\Common7\Packages\schemas\html\commonHTML5Types.xsdを開きます

2)次の行で始まるファイル内の領域を見つけます:<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を再度開きます。これで問題が解決するはずです。

20
puargs

http://vswebessentials.com/ をインストールしました

コンテンツを含む_reference.jsというファイルを作成しました

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

_ references.jsの背後にある物語 からそれについて学びました

17
Xavier John

ReSharperを使用している場合は、ReSharper IntelliSense for HTMLをオフにしてみてください。

ReSharper>オプション> IntelliSense>一般>限定ReSharper IntelliSense

ノート:

  • これはASP.NETファイルでAngularJSインテリセンスを提供しません
  • 設定を変更した後、VSでHTMLファイルを再度開く必要があります
  • ReSharperの現在のバージョンは8.2です
9
andersh

VS 2013のパッケージマネージャーコンソールからこれを実行することもできます:Install-Package AngularJS.Intellisense。

9

Text Editor\HTML\General\Auto list membersオプション。

5
tomashiba

Visual Studio 2013 Update 4は検証を削除しますが、AngularJSのIntelliSenseは含まれません。

カスタム要素、ポリマー要素および属性のサポート

異なるフレームワークには多くのカスタムメイドのタグがあるため、カスタム要素の不明な属性を検証しなくなりました。したがって、未知の要素の下に波線はもうありません。

Visual Studio 2013 Update 4 RCの新しいWeb機能の発表

ダウンロード Visual Studio 2013 Update 4

検証は、HTML(Webフォーム)エディターではなく、HTMLエディターでのみ削除されます。つまり、デフォルトでは、.htmlファイルにはカスタム要素検証がありませんが、.aspxページにはあります。私のように、これが理にかなっていないと思われる場合は、 。aspxファイルのカスタム要素 に投票してサポートを示してください。

2
jordanbtucker

同じ問題に直面しています。私のようなReSharperがVS 2013にインストールされている場合は、AngularJSプラグイン(JetBrainsが提供)をインストールすることでinstellisenseを取得できます。

方法は次のとおりです:

  1. VS2013> ReSharper>拡張機能の管理。
  2. オンラインでNugetを使用して「AngularJS」を検索し、「インストール」をクリックします。

上記で必要なものが得られます。画像ガイドが必要な場合は、ここにリンクがあります- http://jeeshenlee.com/2014/07/12/how-to-get-angularjs-intellisense-support-on-resharper/

1
JeeShen Lee

私はこの投稿が古く、質問が特にVS 2013に関することを知っていますが、まだ実行している場合VS 2010とpuargsソリューションを適用したい場合はC:\ Program Files(x86)\ Microsoft Visual Studio 10.0\Common7\Packages\schemas\html\html_5.xsdでファイルを見つけます。

<xsd:attributeGroup name="commonHTML5coreAttributeGroup">セクション内にpuargsのコードを追加する必要があります。

Mads Kristensenは、[このソリューションをVS 2012に適用する]1 についても説明し、2012のcommonHTML5Typesの更新バージョンへのリンクを提供します。ステップ2のxsd。

また、puargsとMadsの両方のリストにng-viewの属性がないため、「属性名の後に等号(=)が必要です」 「警告。完全な要素は<xsd:attribute name="ng-view" vs:category="Angular" vs:standalone="true"/>です。

1
jtc

HTMLページのリシャーパーインテリセンスを無効にして、VS2013でangularインテリセンスを取得しました

0
Abel Pereira

Vs2013で試したことはありませんが、うまくいくでしょう。 vs2012での作業。 http://madskristensen.net/post/angularjs-intellisense-in-visual-studio-2012

0
Berat Bilgin
0
Per G