eslint、prettier配置

.eslintrc.js的配置

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ['plugin:vue/essential', 'eslint:recommended', 'prettier'],
  parserOptions: {
    parser: 'babel-eslint',
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
  },
}

其中最新版prettier已经将其他prettier的插件全部融合，因此只需要在extends中写prettier即可

.prettierc.js配置

module.exports = {
  singleQuote: true,
  semi: false,
  trailingComma: 'es5',
  htmlWhitespaceSensitivity: 'ignore',
}

eslint规范与prettier规范存在冲突的问题

• 在配置好这两个文件后，会发现仍存在一些警告，比如单引号、双引号的冲突，尾部；的冲突等

原因：eslint、prettier规范存在冲突

• 解决：yarn add eslint-config-prettier -D

全局prettier格式化

yarn run prettier --write src/**/*

最后为prettier格式化的路径