eslint-config-pawover

ESLint 规则

一套适用于 React/Vue/Typescript 项目的 ESLint 配置规范。

基础规则

安装

pnpm add -D eslint @babel/core @babel/eslint-parser eslint-config-pawover

使用

module.exports = {
  extends: ["pawover"],
};

Typescript

安装

pnpm add --save-dev eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-config-pawover

module.exports = {
  // 按顺序引入
  extends: ["pawover", "pawover/typescript"],
  parserOptions: {
    // 你的 tsconfig.json 路径
    project: "./tsconfig.json",
  },
};

使用

React

安装

pnpm add --save-dev eslint @babel/core @babel/eslint-parser @babel/preset-react@latest eslint-plugin-react eslint-config-pawover

使用

module.exports = {
  // 按顺序引入
  extends: ["pawover", "pawover/react"],
};

React Typescript

安装

pnpm add --save-dev eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-config-pawover

使用

module.exports = {
  // 按顺序引入
  extends: ["pawover", "pawover/typescript", "pawover/react"],
  parserOptions: {
    // 你的 tsconfig.json 路径
    project: "./tsconfig.json",
  },
};

Vue

安装

pnpm add --save-dev eslint @babel/core @babel/eslint-parser vue-eslint-parser eslint-plugin-vue eslint-config-pawover

使用

module.exports = {
  // 按顺序引入
  extends: ["pawover", "pawover/vue"],
};

Vue Typescript

安装

pnpm add --save-dev @babel/core @babel/eslint-parser @typescript-eslint/eslint-plugin @typescript-eslint/parser @vue/eslint-config-typescript eslint eslint-config-pawover eslint-plugin-vue vue-eslint-parser

使用

module.exports = {
  // 按顺序引入
  extends: ["pawover", "pawover/typescript", "pawover/vue"],
  parserOptions: {
    // 你的 tsconfig.json 路径
    project: "./tsconfig.json",
  },
};

相关链接

eslint-config-alloy

License

MIT

Copyright (c) 2023-present, pawover