Implémenter la détection de code dans sublime

La colonne suivante du tutoriel d'utilisation de sublime vous présentera comment implémenter la détection de code dans sublime. J'espère qu'elle sera utile aux amis dans le besoin !

Configurer linter dans sublime, eslint

installation du plug-in sublime

Ouvrez pci, installez sublimeLinter

et entrez, configurez le chemin :

● Configurez l'emplacement de base du nœud : /usr/local/bin/node, /usr/local/bin

● L'emplacement de base pour configurer node_modules : /usr/local/lib/node_modules

● L'emplacement pour configurer d'autres plug-ins : tels que eslint : /usr/local/bin/eslint

exemple Le code est le suivant :

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

Installez le plug-in (en prenant eslint comme exemple) :

Installez le plug-in npm de eslint, y compris :

● sudo npm i eslint babel-eslint -g

● Mettez le chemin des outils installés dans le chemin, c'est-à-dire : /usr/local/bin/eslint

● Configurez le fichier .eslintrc dans le projet, similaire à : (chaque projet doit tous être configuré)

● Il comprend de nombreuses dépendances, vous pouvez entrer eslint dans le projet, puis suivre les invites pour. sudo npm i -g ***

puis suivez les invites pour les dépendances manquantes. Vous pouvez l'utiliser avec plaisir !

Vous pouvez faire un clic droit pour entrer sublimelinter pour appeler sa fonction.

Exemple de fichier .eslintrc

{
    "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"]
    }
}

Enfin

affiche le sublimelinter-user.settings une fois la configuration terminée :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!