vue项目eslint和prettier配置文件分享

.eslintrc.js

module.exports = {
  root: true,
  globals: {},
  env: {
    node: true
  },
  extends: ['plugin:vue/essential', '@vue/standard'],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'new-cap': 'off',
    indent: [1, 2], // 缩进风格
    semi: [2, 'never'], // 禁止分号
    quotes: [0, 'single'],
    eqeqeq: 0, // 不校验全等===
    'quote-props': [0, 'always'],
    'prettier/prettier': 0, // 以prettier规则优先
    'vue/html-self-closing': 'off',
    'standard/no-callback-literal': 0,
    // 解决函数括号和函数名之间必须要有空格的问题
    'space-before-function-paren': 0
  }
}

.prettierrc.js

module.exports = {
  printWidth: 200, // 一行的字符数，如果超过会进行换行
  tabWidth: 2, // 一个tab代表几个空格数，默认就是2
  useTabs: false, // 启用tab取代空格符缩进，默认为false
  semi: false, // 行尾是否使用分号
  singleQuote: true, // 字符串是否使用单引号，默认为false，即使用双引号，建议设true，即单引号
  trailingComma: 'none', // 是否使用尾逗号，有三个可选值"<none|es5|all>"
  proseWrap: 'always' // 指定文件折行方式
}