@oazhu/eslint-config-vue v1.0.4

前端规范校验

参考文档

• eslint http://eslint.cn/docs/user-guide/getting-started
• airbnb https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb-base
• eslint-plugin-vue https://eslint.vuejs.org/
• typescript-eslint https://typescript-eslint.io/

使用方法

如果不使用prettier eslint-config-prettier 和 eslint-plugin-prettier无需下载 npm npm i -D eslint eslint-plugin-vue @typescript-eslint/eslint-plugin @typescript-eslint/parser @az/eslint-config-vue eslint-plugin-prettier eslint-config-prettier

yarn yarn add -D eslint eslint-plugin-vue @typescript-eslint/eslint-plugin @typescript-eslint/parser @az/eslint-config-vue eslint-plugin-prettier eslint-config-prettier

// .eslintrc.js
module.exports = {
  env: {
    es6: true,
    browser: true,
    node: true
  },
  parserOptions: {
    parser: '@typescript-eslint/parser',
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true
    }
  },
  // 如果不使用prettier 'plugin:prettier/recommended'不建议添加
  extends: ['@az/eslint-config-vue', 'plugin:prettier/recommended']
}

建议搭配prettier使用

// prettier.config.js
module.exports = {
  printWidth: 120,
  semi: false,
  vueIndentScriptAndStyle: false,
  singleQuote: true,
  trailingComma: 'none',
  proseWrap: 'never',
  htmlWhitespaceSensitivity: 'strict',
  endOfLine: 'auto'
}