ESLint
ESLint ist ein effektives Tool zur Codequalitätskontrolle, das Codefehler auf niedriger Ebene basierend auf vorab festgelegten Codespezifikationen vermeiden kann. und stellen Sie die Einheitlichkeit des Codestils sicher. Unten führt Sie die Spalte Tutorial zur Verwendung von Sublime in die Methode zur Konfiguration von ESLint in Sublime Text ein.
Installation
Sie können npm verwenden, um ESLint zu installieren:
npm install eslint -g
Verwendung
Wenn Sie ESLint zum ersten Mal verwenden, müssen Sie es einrichten Zuerst eine Konfigurationsdatei. Sie können die Option --init im Projektstammverzeichnis verwenden, um Folgendes zu generieren:
eslint --init
Wenn sich keine package.json-Datei im Projektstammverzeichnis befindet, werden Sie aufgefordert, npm init zu verwenden um zuerst eine package.json-Datei zu initialisieren.
eslint --init fordert Sie auf, den zu verwendenden Codestil auszuwählen. Die folgenden Optionen werden hier empfohlen:
Use a popular style guide Standard JavaScript
Während dieses Vorgangs wird eslint automatisch ausgewählt Führen Sie den NPM-Installationsvorgang aus, um zugehörige Abhängigkeiten zu installieren. Achten Sie darauf, ob eine Abhängigkeit vom Element UNMET PEER DEPENDENCY besteht. Sie müssen diese Abhängigkeit nicht automatisch installieren:
# ├── UNMET PEER DEPENDENCY eslint-plugin-promise@^1.0.8 npm install eslint-plugin-promise --save-dev
Sublime Text integrieren
In Sublime Text müssen Sie zwei Plug-Ins installieren:
SublimeLinter SublimeLinter-contrib-eslint
und dann über Einstellungen -> Paketeinstellungen -> SublimeLinter integrieren. >Einstellungen – Benutzer:
{
"user": {
"debug": true, # 开启 debug 选项
"delay": 0.25,
"error_color": "D02000",
"gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
"gutter_theme_excludes": [],
"lint_mode": "background",
"linters": {
"eslint": {
"@disable": false,
"args": [],
"excludes": []
},
"jshint": {
"@disable": false,
"args": [],
"excludes": []
},
"php": {
"@disable": false,
"args": [],
"excludes": []
}
},
"mark_style": "outline",
"no_column_highlights_line": false,
"passive_warnings": false,
"paths": {
"linux": [],
"osx": [
"/Users/wang/.nvm/versions/node/v5.0.0/bin" # 设置 node 路径
],
"windows": []
},
"python_paths": {
"linux": [],
"osx": [],
"windows": []
},
"rc_search_limit": 3,
"shell_timeout": 10,
"show_errors_on_save": false,
"show_marks_in_minimap": true,
"syntax_map": {
"html (django)": "html",
"html (rails)": "html",
"html 5": "html",
"javascript (babel)": "javascript",
"magicpython": "python",
"php": "html",
"python django": "python",
"pythonimproved": "python"
},
"warning_color": "DDB700",
"wrap_find": true
}
}An diesem Punkt ist die Integration abgeschlossen. Wenn der JavaScript-Codestil in Ihrem Projekt nicht dem JavaScript-Standardstil entspricht, gibt Sublime Text eine Ausnahmemeldung aus.
Das obige ist der detaillierte Inhalt vonKonfigurieren von ESLint in Sublime Text. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
