浅谈atom中eslint的配置和使用方法-atom-PHP中文网

浅谈atom中eslint的配置和使用方法

青灯夜游

发布： 2021-06-17 11:05:49

转载

3611人浏览过

本篇文章给大家介绍一下eslint & atom 配合使用。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

浅谈atom中eslint的配置和使用方法

【相关推荐：《atom教程》】

下载aotm插件 linter-eslinthttps://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 文件，添加需要过滤的文件夹，或者文件

法语写作助手

法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。

查看详情

 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的配置和使用方法的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

Atom 插件更新后导致编辑器崩溃的解决办法 Atom 在 Linux 系统下的启动速度优化 Atom 中 JavaScript 代码格式化的最佳实践如何在 Atom 中设置代码缩进规则？ Atom 插件与操作系统更新的兼容性问题研究