美文网首页
VSCode配置RN之ESLint

VSCode配置RN之ESLint

作者: 焱止殇 | 来源:发表于2018-06-02 12:36 被阅读217次

使用本地安装的 ESLint 时,你使用的任何插件或可分享的配置也都必须在本地安装。

1、npm install eslint --save-dev (项目根目录,安装eslint到本地,如果npm install -g eslint安装,则react相关也需要全局安装)
2、npm install eslint-plugin-react --save-dev
3、npm install babel-eslint --save-dev
4、./node_modules/.bin/eslint --init(这儿我用的VSCode,直接跑起来,替换.eslintrc.js的内容就好了)
5、./node_modules/.bin/eslint yourfile.js(项目根目录运行ESLint)(可选)

如果你想使 ESLint 适用于你所有的项目,建议你全局安装 ESLint。
使用全局安装的 ESLint 时,你使用的任何插件或可分享的配置也都必须在全局安装。

1、npm install -g eslint
2、eslint --init
3、eslint yourfile.js

.eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es6": true,
        "node": true,
        "commonjs": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSpread": true,
            "jsx": true,
            "arrowFunctions": true,
            "classes": true,
            "modules": true,
            "defaultParams": true
        },
        "sourceType": "module"
    },
    "parser": "babel-eslint",
    "plugins": [
        "react"
    ],
    "rules": {
        "linebreak-style": [
            "error",
            "unix"
        ],
        "no-empty": 0,
        "comma-dangle": 0,
        "no-unused-vars": 0,
        "no-console": 0,
        "no-const-assign": 2,
        "no-dupe-class-members": 2,
        "no-duplicate-case": 2,
        "no-extra-parens": [2, "functions"],
        "no-self-compare": 2,
        "accessor-pairs": 2,
        "comma-spacing": [2, {
            "before": false,
            "after": true
        }],
        "constructor-super": 2,
        "new-cap": [2, {
            "newIsCap": true,
            "capIsNew": false
        }],
        "new-parens": 2,
        "no-array-constructor": 2,
        "no-class-assign": 2,
        "no-cond-assign": 2
    }
}

参考资料:

如何配置Eslint检测React代码

相关文章

网友评论

      本文标题:VSCode配置RN之ESLint

      本文链接:https://www.haomeiwen.com/subject/kchrsftx.html