yc-eslint-config v1.0.0

@yc/eslint-config

eslint 规则

base（基础配置）

安装

# npm
npm install @dragon/eslint-config  --save-dev

配置

在项目根目录下新建.eslintrc.js文件并复制如下内容

module.exports = {
  extends: [
    "@dragon/eslint-config"
  ]
}

typescript

配置

在.eslintrc.js文件中添加以下内容

{
  extends: [
    "@dragon/eslint-config",
    "@dragon/eslint-config/typescript",
  ]
}

react

配置

在.eslintrc.js文件中添加以下内容

{
  extends: [
    "@dragon/eslint-config/react"
  ]
}

配合 prettier

配置

在.eslintrc.js文件中添加以下内容

const config = require('@dragon/eslint-config/prettier');

module.exports = {
  ...config,
};

1.当commit文件的时候执行pretty-quick去修复样式问题

安装

npm install pretty-quick husky --dev-save

在package.json中添加如下代码

{ 
  "husky": { 
    "hooks": { 
        "pre-commit": "pretty-quick --staged" 
    } 
  } 
}

2.通过 VSCode 中 ESlint 插件提示并autoFixOnSave

安装

npm install eslint-plugin-prettier husky --dev-save

在 ESLint 配置文件.eslintrc.js文件中添加 prettier 规则

{
  plugins: ["prettier"],
  rules: {
    "prettier/prettier": "error"
  }
}