在项目中添加配置步骤
- 安装依赖
一般项目已安装 typescript 在项目中执行命令
npm install -D eslint-config-hcwhan eslint prettier husky lint-staged stylelint
// or
yarn add -D eslint-config-hcwhan eslint prettier husky lint-staged stylelint- 配置 package.json
在项目 package.json 的 scripts 中添加
"postinstall": "husky install"
同时添加 lint-staged 块
"lint-staged": {
"*.vue": [
"eslint --fix --max-warnings 0",
"prettier --write"
],
"*.{js,ts,json}": [
"eslint --fix --max-warnings 0",
"prettier --write"
],
"*.{css,less}": [
"stylelint --fix --max-warnings 0",
"prettier --write"
]
}
- 添加 eslint 和 pritter 配置文件
删除项目原有相关配置后 复制 .eslintrc.cjs 和 .prettierrc.cjs 到 项目根目录
- 添加 husky 配置
在项目中执行 npx husky install 后 复制 .husky/pre-commit 到项目对应目录
- 添加 vscode 配置
复制 .vscode 到项目根目录