美文网首页
vue项目增加eslint

vue项目增加eslint

作者: Jackie吉吉 | 来源:发表于2017-12-19 16:43 被阅读0次

    1. package.json增加:

        "scripts": {

             "lint":"eslint --ext .js,.vue src test/unit/specs test/e2e/specs",

           },

        "devDependencies": {

            "babel-eslint":"^7.1.1",

            "eslint":"^3.19.0",

            "eslint-config-standard":"^10.2.1",

            "eslint-friendly-formatter":"^3.0.0",

            "eslint-loader":"^1.7.1",

            "eslint-plugin-html":"^3.0.0",

            "eslint-plugin-import":"^2.7.0",

            "eslint-plugin-node":"^5.2.0",

            "eslint-plugin-promise":"^3.4.0",

            "eslint-plugin-standard":"^3.0.1",

         },

    2. npm install 地球人都懂得

    3. 根目录增加.eslintrc.js文件

    // https://eslint.org/docs/user-guide/configuring

    module.exports={

        root:true,

        parser:'babel-eslint',

        parserOptions:{   

            sourceType:'module'

        },

        env:{

            browser:true,

        },

        // https://github.com/standard/standard/blob/master/docs/RULES-en.md

        extends:'standard',

        // required to lint *.vue files

        plugins:[

            'html'

        ],

        // add your custom rules here

            rules:{

                // allow async-await

                'generator-star-spacing':'off',

                // allow debugger during development

                'no-debugger':process.env.NODE_ENV==='production'?'error':'off'

            }

        }

    4. 根目录创建.eslintignore

    /build/

    /config/

    /dist/

    /*.js

    /test/unit/coverage/

    5.切记不要忘了最后一步vscode 首选项->设置中 eslint.validate中增加html和vue 

    相关文章

      网友评论

          本文标题:vue项目增加eslint

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