Eslint 配置

集成前端 lint 规范, 支持javascript、typescript、vue3/2、css。

使用

• 安装

pnpm i @tanzerfe/eslint-config-lint -D

• 项目根目录新建 .eslintrc.json 文件，配置如下内容：

{
    "root": true,
    "extends": ["@tanzerfe/eslint-config-lint"]
}

内置规则

module.exports = {
    env: {
        browser: true,
        es2021: true,
        node: true,
        'vue/setup-compiler-macros': true,
    },
    extends: [
        'prettier',
        'plugin:@typescript-eslint/recommended',
        'plugin:vue/vue3-essential',
        '@vue/eslint-config-prettier',
    ],
    parserOptions: {
        parser: require.resolve('@typescript-eslint/parser'),
        extraFileExtensions: ['.vue'],
    },
    plugins: ['@typescript-eslint', 'prettier', 'vue'],
    rules: {
        'prettier/prettier': [
            2,
            {
                singleQuote: true,
                printWidth: 120,
                trailingComma: 'es5',
            },
        ],
        'prefer-promise-reject-errors': 0,
        'no-useless-escape': 0,
        'no-trailing-spaces': 0,
        'no-multiple-empty-lines': 0,
        '@typescript-eslint/no-unused-vars': 0,
        '@typescript-eslint/no-explicit-any': 0,
        '@typescript-eslint/no-empty-function': 0,
        '@typescript-eslint/ban-ts-comment': 0,
        '@typescript-eslint/no-non-null-assertion': 0,
        'no-empty': 0,
        'no-debugger': 2,
        quotes: 0,
    },
    globals: {},
};

常见问题

• 报错提示：Error: Cannot find package 'prettier' imported from xxx， 如何处理？
  • 项目根目录配置 .npmrc 文件

  auto-install-peers=true