Eine kurze Diskussion über die Konfiguration und Verwendung von eslint in Atom

In diesem Artikel erfahren Sie, wie Sie eslint und atom zusammen verwenden. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

【Verwandte Empfehlung: „Atom-Tutorial“】

Laden Sie das AOTM-Plug-In linter-eslint herunter

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

Muss eingestellt werden wie folgt:

• Installieren Sie eslint und das Plugin lokal in Ihrem Projekt
  • $ npm i --save-dev eslint [eslint-plugins]
$ npm i --save-dev eslint [eslint-plugins]

Install globally eslint and plugins

• $ npm i -g eslint [eslint-plugins]

• Activate Use Global Eslint package option
• (Optional) Set Global Node Path with $ npm config get prefix

提供了一些插件，可自行下载(ps: 版本差异会导致部分插件报错)

• eslint-config-airbnb
• eslint-plugin-import
• eslint-plugin-jsx-a11y
• eslint-plugin-react
• eslint-plugin-html （可解析html中的脚本, 最新的版本v4跟早期eslint有冲突）

然后在项目下
$ eslint --init

---

使用以下注释，关闭提示。

/* eslint-disable */

使用eslintignore 忽略特定的文件和目录

创建一个 .eslintignore 文件，添加需要过滤的文件夹，或者文件

 build/*
 app/lib/*

命令行使用 --ignore-path：

$ eslint --ignore-path .eslintignore --fix app/*Eslint und Plugins global installieren

$ npm i -g eslint [eslint-plugins]

Aktivieren Sie die Paketoption Globales Eslint verwenden< /li>

( Optional) Setze Global Node Path mit $ npm config get prefix

bietet einige Plug-Ins können Sie herunterladen (ps: Versionsunterschiede führen dazu, dass einige Plug-Ins Fehler melden)

eslint-config-airbnb

eslint-plugin-importeslint-plugin-jsx -a11yeslint-plugin -react

eslint-plugin-html (kann Skripte in HTML analysieren, die neueste Version v4 steht in Konflikt mit frühem eslint)🎜Dann unter dem project🎜 $ eslint - -init🎜

---

Verwenden Sie den folgenden Kommentar, um die Eingabeaufforderung zu deaktivieren. 🎜

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 }] //强制关键字周围空格的一致性

    }
};

Verwenden Sie eslintignore, um bestimmte Dateien und Verzeichnisse zu ignorieren🎜🎜Erstellen Sie eine .eslintignore-Datei und fügen Sie die Ordner oder Dateien hinzu, die gefiltert werden müssen🎜rrreee🎜 Befehlszeilen verwenden --ignore-path: 🎜🎜$ eslint --ignore-path .eslintignore --fix app/*🎜🎜Der Pfad ist relativ zum Speicherort von .eslintignore oder Aktuelles Arbeitsverzeichnis 🎜🎜🎜 Weitere Informationen finden Sie unter http://eslint.cn/docs/user-guide/configuring🎜🎜🎜Grundkonfiguration: 🎜rrreee🎜Weitere programmierbezogene Kenntnisse finden Sie unter: 🎜Programmierlehre🎜 ! ! 🎜

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Konfiguration und Verwendung von eslint in Atom. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!