Konfigurieren von ESLint in Sublime Text-sublime-php.cn

Konfigurieren von ESLint in Sublime Text

藏色散人

Freigeben： 2019-09-12 13:47:32

nach vorne

2593 Leute haben es durchsucht

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Sublime Text integrieren

In Sublime Text müssen Sie zwei Plug-Ins installieren:

SublimeLinter
SublimeLinter-contrib-eslint

Nach dem Login kopieren

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
    }
}

Nach dem Login kopieren

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!