atom中eslint的配置以及使用方法

本篇内容主要讲解"atom中eslint的配置以及使用方法"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"atom中eslint的配置以及使用方法"吧!

下载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

• Activate Use Global Eslint package option

• (Optional) Set Global Node Path with $ npm config get prefix

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

提供了一些插件，可自行下载(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的配置以及使用方法"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！