Visual Studio 2013 AngularJS dukungan intellisense
Saya pikir DIBANDINGKAN tahun 2013 seharusnya memiliki dukungan untuk angularjs atribut intellisense? Untuk beberapa alasan itu's tidak bekerja untuk saya pada versi terbaru dari Microsoft Visual Studio Ultimate 2013 versi 12.0.21005.1
Mendapatkan berikut validasi peringatan: Atribut 'ng-app' adalah tidak sah atribut dari elemen 'html'. Atribut 'ng-view' adalah tidak sah atribut dari elemen 'div'.
Saya hilang xsd referensi ke suatu tempat?
Aku punya masalah yang sama dan saya lakukan berikut ini, dan itu membantu.
Jika anda menggunakan ReSharper, anda dapat menambahkan ekstensi yang akan memberikan anda Intellisense, dan tidak't meningkatkan peringatan.
Top Menu di VS>Resharper>Extension Manager>Pencarian AngularJS Hal ini akan menambah angular js intellisense.
-------EDIT-------
Menggunakan Resharper 8.2.1
Aku tahu ini sudah tua, tetapi masih terjadi bagi saya. Untuk perbaiki untuk LEBIH baik dari tahun 2013, ikuti petunjuk ini:
-
Buka file C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\Packages\skema\html\commonHTML5Types.xsd
-
Menemukan daerah dalam file yang dimulai dengan baris ini:
<xsd:atribut name="menerjemahkan">. Gulir ke bawah sekitar 7 jalur untuk menemukan yang sesuai tag penutup:</xsd:atribut> -
Hanya di atas the
</xsd:attributeGroup>tag penutup, paste baris kode berikut:
<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" />Menyimpan file dan membuka kembali VS2013. Ini harus memperbaiki masalah.
Saya diinstal http://vswebessentials.com/
buat sebuah file bernama _reference.js dengan konten
/// <autosync enabled="true" />
/// <reference path="angular.js" />
/// <reference path="underscore.js" />Saya belajar tentang hal itu dari Cerita di Balik _references.js
Anda juga bisa menjalankan ini dari package manager console di VS 2013: Menginstal Paket AngularJS.Intellisense.
Jika anda menggunakan ReSharper, cobalah mematikan ReSharper IntelliSense untuk HTML.
ReSharper > Pilihan > IntelliSense > Umum > Terbatas ReSharper IntelliSense
Catatan:
- Ini tidak memberikan AngularJS intellisense di ASP.NET file
- Anda perlu untuk membuka kembali file HTML di VS setelah pengaturan telah berubah
- Versi saat ini dari ReSharper adalah 8.2
Cobalah untuk mencentang Text Editor\HTML\Umum\Auto daftar anggota dalam pilihan.
Visual Studio 2013 Update 4 menghilangkan validasi, namun itu tidak termasuk IntelliSense untuk AngularJS.
Dukungan untuk elemen kustom, polimer-elemen dan atribut
Kita tidak lagi memvalidasi diketahui attributers untuk custom unsur-unsur seperti yang ada akan banyak custom made kategori dalam kerangka kerja yang berbeda. Sehingga tidak akan tidak lagi menjadi coretan di bawah tidak diketahui unsur-unsur.
— baru Mengumumkan Fitur Web di Visual Studio 2013 Update 4 RC
Download Visual Studio 2013 Update 4.
Validasi hanya dihapus di HTML editor, tidak HTML (Web Form) editor. Ini berarti bahwa, secara default, .file html tidak akan memiliki elemen kustom validasi, tapi .halaman aspx akan. Jika, seperti saya, anda don't pikir ini masuk akal, menunjukkan dukungan anda dengan memberikan suara untuk custom unsur-unsur dalam .file aspx.
Menjalankan ke dalam masalah yang sama. Jika anda memiliki ReSharper diinstal pada LEBIH baik dari 2013 seperti saya, anda bisa mendapatkan instellisense dengan menginstal AngularJS plugin (yang disediakan oleh JetBrains).
Berikut's bagaimana untuk melakukannya:
- VS2013 > ReSharper > Mengelola Ekstensi.
- Pencarian "AngularJS" menggunakan Nuget online, kemudian klik "Install".
Hal di atas harus mendapatkan apa yang anda butuhkan. Dalam kasus anda perlu gambar panduan, berikut ini's link - http://jeeshenlee.com/2014/07/12/how-to-get-angularjs-intellisense-support-on-resharper/
Aku tahu ini posting lama dan pertanyaan khusus mengacu VS 2013, namun jika anda're masih berjalan VS 2010 dan ingin menerapkan puargs solusi anda dapat menemukan file yang di C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\skema\html\html_5.xsd.
Anda'll ingin menambahkan puargs' kode dalam <xsd:attributeGroup name="commonHTML5coreAttributeGroup"> bagian.
Mads Kristensen juga membahas [menerapkan solusi ini untuk VS 2012]1 dan menyediakan link ke versi terbaru 2012's commonHTML5Types.xsd di Langkah 2.
Juga perhatikan bahwa kedua puargs dan Mads listing hilang atribut pada ng-view yang menyebabkan "nama atribut harus diikuti oleh gerakan yang sama (=) tanda" peringatan. Lengkap elemen adalah: <xsd:atribut name="ng-view" vs:kategori="Sudut" vs:mandiri="benar"/>.
Saya belum mencoba dengan vs2013, tapi bisa bekerja. Bekerja dengan vs2012. http://madskristensen.net/post/angularjs-intellisense-in-visual-studio-2012
Anda juga dapat menyingkirkan peringatan:
http://madskristensen.net/post/angularjs-intellisense-in-visual-studio-2012
Aku hanya dinonaktifkan resharper intellisense untuk halaman HTML dan punya sudut intellisense kembali pada VS2013
