美文网首页
基于vscode,自动验证eslint规则从0-1手搓

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

作者: 俗人彭jin | 来源:发表于2020-08-19 15:49 被阅读0次

    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
    
    1. 在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

    相关文章

      网友评论

          本文标题:基于vscode,自动验证eslint规则从0-1手搓

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