phpstrom编辑器为例:可以在eslintrc.js中对代码的格式进行一些配置 解决代码格式不符合规则的报错

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        '@vue/standard'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'indent': 'off',
        'space-unary-ops': 'off',             //关闭多余的空格检验
        'no-trailing-spaces': 'off',          //关闭无用的空格检测
        'semi': 'off',                        //关闭分号检测
        'space-before-function-paren': 'off',   //关闭function前的空格
        'no-multiple-empty-lines': 'off',
        'no-tabs': 'off',
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
}

 为了代码的规范化项目开发完后,要把添加的这些属于自己编辑习惯的配置注释掉或者删除掉(上面代码中红色的部分)然后在命令行执行 npm run lint 对代码格式进行初始化(前提是在package.json中有对 lint 进行配置)

"scripts": {
    "dev": "node build/dev-server.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "lint": "eslint --fix --ext .js,.vue src"
  }, 
posted on 2019-11-09 09:59  yu_bin  阅读(1432)  评论(0编辑  收藏  举报