基于vscode，自动验证eslint规则从0-1手搓

1.在根目录新建

image.png

自己自定义规则

{
    "parser": "babel-eslint",
    "env": {
        "es6": true,
        "commonjs": true,
        "node": true
    },
    "rules": {
        "indent": [
            "error",
            4
        ],
        "quotes": [
            "error",
            "single",
            {
                "allowTemplateLiterals": true
            }
        ],
        "semi": [
            "error",
            "never"
        ]
    }
}

.eslintignore 里面是需要忽略的文件夹

node_modules
test
src/public

2. 在vscode里面下载eslint 插件

   
   image.png

安装好了之后，会自动根据你上面配置的规则进行代码检查，不合格的会高亮显示，如下图：

image.png

第三，自动格式化设置

1、window电脑：

文件 > 首选项 > 设置 打开 VSCode 配置文件

2、mac电脑

code>首选项 >设置

image.png
这里注意需要和自动保存区别开

第四配置package.json ,在src下面执行eslint 需要安装
"eslint": "^24.9.0",
"babel-eslint": "^10.0.3"
版本随意

"scripts": {
"lint": "eslint --ext .js ./src",
}

如果需要支持vue，其实类似

可以参考https://www.cnblogs.com/sheseido/p/12357144.html