Eslint 基本配置

原创已于 2023-07-10 11:34:42 修改 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2023-07-10 11:32:51 首次发布

该文描述了一个.eslintrc.cjs配置文件，用于设置ESLint规则，包括引入@rushstack模块解析，Vue3的必需规则，推荐规则和TypeScript配置。同时，设置了Prettier的格式化选项。在VSCode中，配置了编辑器在保存时自动修复代码。文章还提到了在Git提交前使用pnpmlint进行代码检查，以及如何设置husky来在提交时运行lint。

.eslintrc.cjs

/* eslint-env node */
require('@rushstack/eslint-patch/modern-module-resolution')

module.exports = {
  root: true,
  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-typescript', '@vue/eslint-config-prettier/skip-formatting'],
  parserOptions: {
    ecmaVersion: 'latest'
  },
  rules: {
    'prettier/prettier': [
      'warn',
      {
        singleQuote: true,
        semi: false,
        printWidth: 180,
        trailingComma: 'none',
        endOfLine: 'auto'
      }
    ],
    'vue/multi-word-component-names': [
      'warn',
      {
        ignores: ['index']
      }
    ],
    'vue/no-setup-props-destructure': ['off']
  }
}

.vscode\settings.json 只在当前项目可用，并配置