一、nextjs 如何使项目工程化（c-shopping 电商开源）

  npm install --save-dev eslint eslint-config-next

  {    "extends": "next/core-web-vitals"  }

  npm run lint

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

  {    "extends": [    "next/core-web-vitals",    "plugin:prettier/recommended",    "prettier" // Add "prettier" last. This will turn off eslint rules conflicting with prettier. This is not what will format our code.    ]  }

  "scripts": {    "format": "prettier --write './**/*.+(js|ts|jsx|tsx)'"  },

  npm run format

{    "editor.codeActionsOnSave": {        "source.fixAll.eslint": true    }}

  npm install husky --save-dev  npm pkg set scripts.prepare="husky install"  npm run prepare
  npx husky add .husky/pre-commit "npm run lint"  npx husky add .husky/pre-commit "npm run format"  npx husky add .husky/pre-commit "git add ."

  # Install commitlint cli and conventional config  npm install --save-dev @commitlint/{config-conventional,cli}  # For Windows:  npm install --save-dev @commitlint/config-conventional @commitlint/cli
  # Configure commitlint to use conventional config  echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js

**Add hook**

  npx husky add .husky/commit-msg  'npx --no -- commitlint --edit ${1}'

如果提交不安装规范来会报错
![继小鹏](https://blog.huanghanlian.com/uploads/article/730acf14-8df9-4c72-bee8-cbb056febec3.png)

module.exports = {  // Lint then format TypeScript and JavaScript files  '/**/*.(ts|tsx|js)': filenames => [    `eslint --fix ${filenames.join(' ')}`,    `prettier --write ${filenames.join(' ')}`,  ],
  // Format MarkDown and JSON  '/**/*.(md|json)': filenames => `prettier --write ${filenames.join(' ')}`,}

#!/usr/bin/env sh. "$(dirname -- "$0")/_/husky.sh"
# npm run lint# npm run formatnpx lint-staged
git add .