Vue项目关闭ESLint + Prettier代码规范

我们用Vue-Cli脚手架新建项目时会选择使用ESLint + Prettier来统一我们的前端代码风格,但这对新手使用有很大困难,严格的格式要求容易出现很多警告和错误,这时最好关闭ESLint + Prettier。

1.在src下新建文件.eslintrc.js,并如下配置:

module.exports = {
    root: true,
    env: {
        node: true
    },
    extends: [
        'plugin:vue/essential',
        //关闭ESlint关键代码
        // '@vue/standard'
    ],
    parserOptions: {
        parser: 'babel-eslint'
    },
    rules: {
        //严格的检查缩进问题,不是报错,我们可以关闭这个检查规则,然后在终端输入npm run dev
        "indent": ["off", 2],
        //使用eslint时,严格模式下,报错Missing space before function parentheses的问题,意思是在方法名和刮号之间需要有一格空格。
        'space-before-function-paren': 0,
        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        //关闭prettier
        "prettier/prettier": "off"
    }
}
posted @ 2021-09-04 23:35  panchanggui  阅读(1070)  评论(0编辑  收藏  举报