WWW.lllT.neT这篇文章内容给我们介绍一下eslint & atom 相互配合应用。有一定的实用价值,有须要的小伙伴可以参照一下,期待对各位有些协助。

探讨atom中eslint的配制和操作方法

【相关信息:《atom教程》】

下载aotm软件 linter-eslint

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

必须设定如下所示:

  • Install locally to your project eslint and the plugin
    • $ 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/*

途径是对应于 .eslintignore 的部位或各项工作文件目录

大量查询 http://eslint.cn/docs/user-guide/configuring

基本配备:

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

    }
};

大量程序编写有关专业知识,请浏览:编程教学!!

以上便是探讨atom中eslint的配制和操作方法的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:探讨atom中eslint的配制和操作方法发布于2021-12-11 10:36:01