@mpxjs/eslint-config

@mpxjs/eslint-config

基于eslint-plugin-mpx插件,集成js和ts的推荐(recommended)配置 升级了eslintv9版本支持flatConfig。

Usage

Install

# js版本
pnpm add -D eslint @mpxjs/eslint-config

Config eslint.config.js

import { mpxConfig } from '@mpxjs/eslint-config'

export default mpxConfig(
  {
    mpx: true,
    vue: true,
    typescript: true
  }
)

modify rules

{
  mpx: true,
  typescript: {
    overrides: {
      'ts/ban-ts-comment': 0
    }
  },
}
// or
{
  mpx: true,
  typescript: true
},
{
  rules: {
    'ts/ban-ts-comment': 0
  }
}

ignores

ignores只针对每个花阔号里的规则

{
  mpx: true,
  typescript: true
  ignores: [
    "node_modules/**"
    "src/xxx"
  ]
},
{
  ignores: [
    "node_modules/**"
    "src/xxx"
  ],
  rules: {
    'ts/ban-ts-comment': 0
  }
}

Add script for package.json

For example:

{
  "scripts": {
    "lint": "eslint --ext .js,.ts,.mpx src",
    "lint:fix": "eslint --fix --ext .js,.ts,.mpx src"
  }
}

Config VS Code auto fix

Create .vscode/settings.json

{
  "prettier.enable": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}