CoderWeiJ / nextjs_demo

本项目是一个配置了eslint、stylelint、prettier、husky等开发时常用的包

安装eslint

pnpm add -D eslint
pnpm add -D '@typescript-eslint/eslint-plugin' eslint-config-airbnb eslint-config-prettier eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-security eslint-plugin-simple-import-sort eslint-plugin-sonarjs

@typescript-eslint/eslint-plugin：提供 lint 规则的 ESLint 插件
eslint-config-airbnb： Airbnb 提供的 .eslintrc 的共享配置
eslint-config-prettier：关闭所有不必要或可能与Prettier冲突的规则。
eslint-plugin-jsx-a11y：静态 AST 检查器
eslint-plugin-prettier：将Prettier作为 ESLint 规则运行
eslint-plugin-react：React 特定的 linting 规则
eslint-plugin-react-hooks： ESLint 插件强制执行 Hooks 规则
eslint-plugin-security：ESLint节点安全规则
eslint-plugin-simple-import-sort: 自动修复的导入排序
eslint-plugin-sonarjs: 用于ESLint的 SonarJS 规则，用于检测代码中的 bug

安装prettier

pnpm add -D prettier

// .prettierrc.js
module.exports = {
    tabWidth: 4,
    printWidth: 80,
    endOfLine: "auto",
    arrowParens: "avoid",
    trailingComma: "es5",
    semi: true,
    useTabs: false,
    singleQuote: false,
    bracketSpacing: true,
};

安装stylelint

pnpm add -D stylelint stylelint-config-standard stylelint-order stylelint-config-standard-scss stylelint-config-recess-order stylelint-config-prettier stylelint-scss stylelint-config-recommended

安装husky和lint-staged

pnpm add -D  @commitlint/cli @commitlint/config-conventional lint-staged

安装commit提交插件

pnpm add -D @commitlint/config-conventional @commitlint/cli