Wie aktiviert man Lint auf HTML in vs-Code?

Question

I angular2 App mit Visual Studio Code entwickle, habe ich die folgenden Erweiterungen,

htmllint

und

htmlhint-ng2

Ich habe die Komponentenvorlage wie folgt, installiert

@Component({ 
    selector: 'userprofile', 
    template: ` 
      <div class="profilecontainer"> 
       <div class="row"> 
        <img [src]="profile.profilePic" /> 

       <div class="row"> 
        <h2>{{profile.firstName}} {{profile.lastName}} </h2> 
        <a target="_blank" href="{{profile.detailUrl}}"> View profile</a> 
        <a target="-blank" href="{{profile.editUrl}}">Edit profile</a> 
       </div> 
      </div>` 
}) 

Hml Lint zeigt keine Fehler auf vs-Code? was ist das Problem?

Answer 1

Jetzt, können Sie nicht.

Um zusätzliche Funktionen hinzuzufügen (das heißt Fusseln) auf VS-Code Sie eine Erweiterung für sie gemacht verwenden müssen und leider durch die Zeit dieser Antwort, gibt es keine htmllint VS-Code-Erweiterung.

Bitte beachten Sie, dass beide Links, die Sie freigegeben haben, Knotenmodule und keine Erweiterungen sind. Installieren Sie etwas mit npm (d. H. npm install htmllint) wird es nicht mit VS-Code arbeiten.

können Sie durchsuchen und Erweiterungen installieren aus VS-Code, as describe in it docs, wie folgt aus:

die Erweiterungen durch Klicken auf die Extensions-Symbol in der Aktivitätsleiste auf der Seite des VS-Code oder die Ansicht um anzuzeigen : Erweiterungen Befehl (⇧⌘X).

Wenn Sie nicht die Erweiterung finden, die Sie benötigen, haben Sie ein paar Optionen:

• Create the extension yourself
• Schalte auf einen Editor, der eine solche Verlängerung hat:
  • Atom: linter-htmlhint plugin
  • Sublime Text: SublimeLinter-contrib-htmllint package
• Suchen Sie nach einer alternativen Möglichkeit, den Editor weiter zu verwenden, ohne eine eigene Erweiterung schreiben zu müssen.

---

Alternative Vorgeschlagene:

1. Installieren eines der 2-Knoten-Module. (d.h.npm i htmlhint-ng2 -D)

2. In seiner cli Befehl an ein package.json Skript:

   "scripts": { 
       "lint:html": "htmlhint-ng2 src/**/*.html" 
   } 
   

3. -Test durch npm run lint:html
4. läuft Installieren Sie das npm-watch Modul: npm i npm-watch -D

5. Fügen Sie die Uhr Skript und config package.json

   "watch": { 
       "lint:html": "src/**/*.html" 
   }, 
   "scripts": { 
       "lint:html": "htmlhint-ng2 src/**/*.html" 
       "watch": "npm-watch" 
   } 
   

6. Führen npm run watch