Microsoft VSコードとHTML linterの角2タグ

Question

VSCodeでAngular 2を使用し始めました。 Angular.io "Tour of Heroes"を例として、組み込みのHTMLリンターは、*ng-ifや(click)など、HTMLタグのAngular 2ディレクティブを認識しません。

設定や拡張機能はありますか？これはAngular 2アプリで有効なHTMLコードであり、私は何のためにも多くのエラーを望んでいませんが、実際のエラーを他の場所で行う場合には、私はlinterを使いたいと思います。あなたは（[ファイル]> [環境設定]> [設定]を経由して、ワークスペースや編集に.vscodeの\のsettings.json）ファイルを設定に

Answer 1

あなたはHTMLHint拡張の属性のリストに例外を追加することができます

"htmlhint.options": { 
    "attr-lowercase": ["*ngIf", "*ngFor"] 
} 

のattr-小文字のルールは、真虚偽または無視する属性名の配列にすることができます。

Answer 2

はちょうどこのフラグメントを追加します。これにより

"htmlhint.options": { 
    "tagname-lowercase": true, 
    "attr-value-double-quotes": true, 
    "attr-no-duplication": true, 
    "tag-pair": true, 
    "spec-char-escape": true, 
    "id-unique": true, 
    "src-not-empty": true, 
    "title-require": true 
} 

、HTMLHintプラグインが正しく角度テンプレートを解析して停止します警告を発する。