1
配置原因

各开发同学的开发习惯有所不同,导致代码格式千奇百怪,不利于项目查看。

使用到的工具

lint-staged,husky,prettier

配置过程

1.安装 lint-staged,husky,prettier

npm i lint-staged husky prettier --save-dev

2.根目录下添加.prettierrc文件,文件类容可以自定义,选择你需要的格式化配置(如下图示例)
image.png

3.package.json文件添加配置如下:
image.png

"husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
      "prettier --config .prettierrc --write",
      "git add"
    ]
  }

4.执行git commit操作的时候就会把你配置需要格式化的文件进行格式化

文章有任何问题欢迎大家指出


sophiehui
1 声望1 粉丝

前端工程师


引用和评论

0 条评论