Implementieren Sie die Codeerkennung in Sublime

In der folgenden Spalte des Tutorials zur Sublime-Nutzung erfahren Sie, wie Sie die Codeerkennung in Sublime implementieren. Ich hoffe, dass es für Freunde in Not hilfreich sein wird!

Linter in Sublime, Eslint konfigurieren

Sublime-Plug-in-Installation

Öffnen Sie pci, installieren Sie sublimeLinter

und geben Sie ein, konfigurieren Sie den Pfad:

● Konfigurieren Sie den grundlegenden Speicherort des Knotens: /usr/local/bin/node, /usr/local/bin

● Der grundlegende Speicherort für die Konfiguration von node_modules: /usr/local/lib/node_modules

● Der Speicherort für die Konfiguration anderer Plug-Ins: wie eslint: /usr/local/bin/eslint

Beispiel Der Code lautet wie folgt:

"paths": {
  "linux": [],
  "osx": [
      "/usr/local/bin/node",
      "/usr/local/lib/node_modules",
      "/usr/local/bin/eslint",
      "/usr/local/bin/jslint"
  ],
  "windows": []
}

Installieren Sie das Plug-in (am Beispiel von Eslint):

Installieren Sie das npm-Plug-in von eslint, einschließlich:

● sudo npm i eslint babel-eslint -g

● Geben Sie den Pfad der installierten Tools in den Pfad ein, also: /usr/local/bin/eslint

● Konfigurieren Sie die .eslintrc-Datei im Projekt, ähnlich wie: (jedes Projekt muss konfiguriert werden)

● Es enthält viele Abhängigkeiten. Sie können eslint in das Projekt eingeben und dann den Anweisungen folgen sudo npm i -g ***

und befolgen Sie dann die Anweisungen für die fehlenden Abhängigkeiten. Sie können es problemlos verwenden!

Sie können mit der rechten Maustaste klicken, um sublimelinter einzugeben und seine Funktion aufzurufen.

.eslintrc-Dateibeispiel

{
    "env": {
        "browser": true,
        "node": true,
        "es6": true
    },
    "parser": "babel-eslint",
    "extends" : [
      "airbnb"
    ],
    "plugins": [
      "babel",
      "promise"
    ],
    "ecmaFeatures": {
       "jsx": true
    },
    "rules": {
        "semi": [2, "always"],
        "quotes": [2, "single"]
    }
}

Endlich

zeigt die sublimelinter-user.settings nach Abschluss der Konfiguration:

{
    "user": {
        "debug": true,
        "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": [],
                "ecmaFeatures": {
                    "jsx": true
                },
                "env": {
                    "browser": true,
                    "es6": true,
                    "node": true
                },
                "excludes": [],
                "extends": [
                    "standard"
                ],
                "parser": "babel-eslint",
                "plugins": [
                    "babel",
                    "promise"
                ],
                "rules": {
                    "quotes": [
                        2,
                        "single"
                    ],
                    "semi": [
                        2,
                        "always"
                    ]
                }
            },
            "jsxhint": {
                "@disable": false,
                "args": [],
                "excludes": []
            }
        },
        "mark_style": "stippled underline",
        "no_column_highlights_line": false,
        "passive_warnings": false,
        "paths": {
            "linux": [],
            "osx": [
                "/usr/local/bin/node",
                "/usr/local/lib/node_modules",
                "/usr/local/bin/eslint"
            ],
            "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
    }
}

Das obige ist der detaillierte Inhalt vonImplementieren Sie die Codeerkennung in Sublime. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!