Une brève discussion sur la configuration et l'utilisation d'eslint dans atom

Cet article vous présentera comment utiliser eslint et atom ensemble. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

[Recommandations associées : "tutoriel atom"]

Téléchargez le plug-in aotm linter-eslint

https://github.com/AtomLinter/linter-eslint

Doit être défini comme suit :

• Installer localement sur votre projet eslint et le plugin
  • $ npm i --save-dev eslint [eslint-plugins]
• Installer globalement eslint et les plugins
  • $ npm i -g eslint [eslint-plugins]
  • Activer Use Global Eslint option du package
  • (Facultatif) Définir Global Node Path avec $ npm config get prefix

fournit des plug-ins, qui peuvent être téléchargés par vous-même (ps : les différences de version entraîneront une erreur de certains plug-ins)

• eslint-config-airbnb
• eslint-plugin-import
• eslint-plugin- jsx-a11y
• eslint-plugin-react
• eslint-plugin-html (peut analyser les scripts en HTML, la dernière version v4 est en conflit avec les premières versions d'eslint)

Ensuite, sous le projet
$ eslint --init

---

Utilisez le commentaire suivant pour désactiver l'invite.

/* eslint-disable */

Utilisez eslintignore pour ignorer des fichiers et des répertoires spécifiques

Créez un fichier .eslintignore, ajoutez les dossiers qui doivent être filtrés ou utilisez la ligne de commande du fichier

 build/*
 app/lib/*

--ignore-path :

$ eslint --ignore-path .eslintignore --fix app/*

Le chemin est relatif à l'emplacement de .eslintignore ou au répertoire de travail actuel

Pour en savoir plus sur http:// eslint.cn/docs/ user-guide/configuring

Configuration de base :

module.exports = {
    parser: 'babel-eslint',

    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },

    // 以当前目录为根目录，不再向上查找 .eslintrc.js
    root: true,

    // 禁止使用 空格 和 tab 混合缩进
    "extends": "eslint:recommended",

    globals: {
        // 这里填入你的项目需要的全局变量
        // jQuery: false,
        $: false,
        wx: false,
    },
    
    // eslint-plugin-html 开启
    "plugins": [
        "html"
    ],

    "parserOptions": {
        "ecmaFeatures": {
            "jsx": false
        },
        "sourceType": "module"
    },

    "rules": {
        "indent": ["error", 'tab'],

        "linebreak-style": ["error","unix"],

        "quotes": ["error","single"],

        "semi": ["error","always"],

        "semi": ["error","always"],

        "arrow-spacing": ["error", { "before": true, "after": true }],

        "no-unused-vars": "off", //禁止提示没有使用的变量，或者函数

        "block-spacing": "error",

        "no-console": "off", //可以使用console

        "keyword-spacing": ["error", { "before": true }] //强制关键字周围空格的一致性

    }
};

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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!