Konfigurieren von ESLint in Sublime Text

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!