Wie benutze ich codelyzer in angular 2?
Ich möchte Codeyzer in meinem Projekt verwenden und ich benutze die Systemjs und kein Webpack. Ich habe ein diese tslint zu meinem Projekt hinzugefügt und npm start verwendet, um das Projekt auszuführen aber es ist kein Fehler von meinem Projekt gekommen, obwohl ich in meinem Projekt keinen korrekten Style Guide verwendet habe Was soll ich tun, um codelyzer zu benutzen?
1 Antwort
Codelyzer ist bereits online unter Ссылка verfügbar, damit Sie es in Ihrem Browser ausprobieren können!
Sie können es auch in
verwendenWinkel-CLI
Angular CLI unterstützt Codecszer. Verwenden Sie zur Validierung Ihres Codes mit CLI und den benutzerdefinierten Angular-spezifischen Regeln:
%Vor%Beachten Sie, dass standardmäßig alle Komponenten mit der Formatvorlage ausgerichtet sind, damit Sie keine Fehler in der Konsole sehen können.
Winkelsaat
Ein anderes Projekt, das eine Out-of-the-Box-Integration mit Code-Lyzer bietet, ist angular-seed . Um den Linter zu starten, sollten Sie:
%Vor%Beachten Sie, dass standardmäßig alle Komponenten mit der Formatvorlage ausgerichtet sind, damit Sie keine Fehler in der Konsole sehen können.
Benutzerdefiniertes Setup
Sie können Codeyzer einfach mit Ihren benutzerdefinierten Einstellungen verwenden:
Installation %Vor% Erstellen Sie nun die folgende tslint.json -Datei, wo sich Ihr node_modules -Verzeichnis befindet:
Als nächstes können Sie eine Komponentendatei im selben Verzeichnis mit dem Namen component.ts und dem folgenden Inhalt erstellen:
Als letzten Schritt können Sie alle Regeln gegen Ihren Code mit tslint:
ausführen %Vor%Sie sollten die folgende Ausgabe sehen:
%Vor%Editorkonfiguration
Beachten Sie, dass Sie das tslint-Plugin auf Ihrem Editor installieren müssen .
Codelyzer sollte mit Atom funktionieren, aber für VSCode müssen Sie Code > Preferences > User Settings öffnen und die folgende Konfiguration eingeben:
Nun sollten Sie folgendes Ergebnis haben:
