Vorwort
JSHINT wird verwendet, um zu analysieren und zu überprüfen, ob der JavaScript -Code Ihren Codierungsregeln entspricht. Dieses leistungsstarke Tool kann dabei helfen, Fehler und Probleme in Ihrem Code zu erkennen, und es zwingt Ihr Team, bestimmte Codierungskonventionen und -stile aufrechtzuerhalten, wodurch der Code zuverlässig und einfacher zu lesen ist.
In diesem Artikel werde ich Ihnen zeigen, wie Sie JSHINT installieren, konfigurieren und verwenden. Ebenfalls enthalten ist ein Beispiel, das einige meiner Lieblingsredakteure auflistet, die JSHINT verwenden können.
Installieren Sie JSHINT
Die Installation von JSHINT ist sehr einfach. Sie können den Node Package Manager (NPM) verwenden. Wenn Sie NPM noch nicht installiert haben, können Sie die neueste Version von der NodeJS -Website herunterladen, um node.js und npm zu installieren.
Sobald die NPM installiert ist, können Sie den folgenden Befehl verwenden, um JSHINT zu installieren:
npm install JSHINT -g
Der -g -Parameter teilt npm mit, dass wir global installieren möchten, damit wir diesen Befehl in jedem Verzeichnis aufrufen können.
Überprüfen Sie den Code über die Befehlszeile
Jetzt, da JSHINT installiert ist, verwenden wir jshint in der Befehlszeile, um eine JavaScript -Codedatei zu analysieren.
Hier ist eine Datei mit dem Dateinamen Demo1.json:
Wir verwenden den folgenden Befehl, um den Code zu analysieren:
JSHINTE Demo1.js
JSHINT sagt uns, dass in Zeile 8 der Demo1.js -Datei ein Fehler vorliegt, der Grund: Ein Semikolon fehlt.
Wenn wir das fehlende Semikolon ausfüllen und diesen Befehl erneut ausführen, wird keine Fehlermeldung ausgegeben.
Konfigurieren Sie JSHINT
JSHINT verfügt über eine Standardkonfiguration, um Ihren Code zu analysieren. Die Konfigurationseinstellungen sind jedoch sehr flexibel. Es gibt vier Möglichkeiten, Konfigurationsverarbeitungsdateien für JSHINT bereitzustellen.
Eine Möglichkeit besteht darin, den Parameter --config zu verwenden, um die Konfigurationsdatei anzugeben:
JSHINTE Demo1.js - -config config.json
Eine andere Möglichkeit besteht darin, die Konfiguration in eine Datei namens JSHINTRC einzulegen, da JSHINT nach dieser Konfigurationsdatei in demselben Ebenenverzeichnis nach Codeanalyse sucht. Wenn es nicht gefunden wird, sucht es bis zum Stammverzeichnis weiter nach dem oberen Verzeichnis, mit dem wir verschiedene Konfigurationsdateien für ein Projekt festlegen können.
Die dritte Methode besteht darin, Konfigurationsinformationen unter die JshintConfig -Eigenschaft der Datei Package.json zu setzen.
In einer dieser drei Methoden ist die Konfigurationsinformationen JSON -Format, um jeden Parameter anzugeben, um die Option JSHINT anzugeben, dass sie ein- oder ausgeschaltet sein soll. Zum Beispiel: "Unbenutzt" und "UNDEF" in der folgenden Konfigurationsdatei sollen Alarme für nicht verwendete und undefinierte Variablen aktivieren. "Curly" erfordert, dass Sie immer Zahnspangen auf Schleifen und bedingte Blöcke setzen. "eqeqeq" bedeutet, dass == und! = verboten sind, aber verwendet werden sollte === und! ==. "Global" wird verwendet, um einen Whitelisten globaler Variablen anzugeben, die im Code nicht definiert sind.
Die vierte Methode besteht darin, Konfigurationsinformationen in die Codedatei in Annotation zu schreiben.
Sie können verschiedene Konfigurationsoptionen anzeigen, um das Verhalten von JSHINT zu steuern.
Ein kleines Beispiel
Betätigen wir als nächstes die Optionen in der oben genannten Konfigurationskonfigurationsdatei. Angenommen, wir haben unten eine JavaScript -Datei, die nur ein kleiner Code für das Lernen ist.
Wenn wir den JSHINT -Befehl demo2.js --config config.json ausführen, erhalten wir das folgende Ergebnis:
In unserem Code stehen 4 Fehler. In Zeile 9 fordert JSHINT auf, dass der "If" -Codeblock in Zahnspangen eingewickelt werden sollte. Das variable subscription_id wird definiert, aber nicht verwendet. In den Zeilen 9 und 11 sind "Bestätigung" und "Konsole" nicht definiert.
Wir können die ersten beiden Fehler mit nur einer kleinen Änderung vermeiden:
Fügen wir nun eine Entwicklungsoption in der Datei config.json hinzu und setzen Sie sie auf true ein, damit Jsint "Bestätigung" und "Konsole" erkennen kann.
An diesem Punkt gibt es keine Fehler, wenn wir den Befehl jStint erneut ausführen.
Zusammenfassen
JSHINT ist ein sehr gutes Tool, um Codefehler zu reduzieren. Viele Redakteure bieten JSHINT -Unterstützung. Freunde, die nur interessiert sind, können JSHINT weiter studieren. Bei der obigen Stelle geht es darum, JSHINT zu verwenden, um JavaScript -Fehler zu reduzieren. Ich hoffe, es wird für alle hilfreich sein, die JavaScript verwenden.