ESLint的使用

最新推荐文章于 2024-08-20 16:17:23 发布

zhanghj819

最新推荐文章于 2024-08-20 16:17:23 发布

阅读量666

点赞数

本文链接：https://blog.csdn.net/zhanghj819/article/details/79011908

版权

参考链接

http://eslint.cn/
https://www.cnblogs.com/yoable/p/5788198.html
https://www.zhihu.com/question/52678389

安装

npm install -g eslint
#及相关插件
npm install -g eslint-plugin-react babel-eslint

也可以本地安装及其相关依赖

npm install --save-dev eslint

安装 Visual Studio Code ESLint 插件

打开vscode，扩展，搜索eslint安装即可

项目配置

切换到项目根目录，输入一下命令并根据提示进行配置文件初始化

eslint --init

向你询问你的style
使用一些流行的style
通过你的文件来配置

通常情况可选择1或2进行初始化，下面例子采用1，然后根据自己style回答问题后生成

module.exports = {
    /* 指定脚本的运行环境 */
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true
    },
    /* 配置继承规则的文件，可配置为数组字符串 */
    "extends": "eslint:recommended", /* 官方启用的一系列核心规则 */
    /* 解析器选项 */
    "parserOptions": {
        "sourceType": "module" /* 设置为 "script" (默认) 或 "module"（如果你的代码是 ECMAScript 模块)。 */
    },
    /* 配置规则，可扩展（或覆盖）继承的规则 */
    "rules": {
        "indent": [
            "error",
            2
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "never"
        ],
        "no-console": [
            "warn"
        ]
    }
};