eslint 搭配 prettier 格式化 + husky 搭配 lint-staged 实现提交格式化和检测

eslint 搭配 prettier 格式化 + husky 搭配 lint-staged 实现提交格式化和检测

注:本文基本是写给自己看的, 属于一个记录笔记, 避免每次配置都要查, 写得不清晰, 仅供参考, 如果看了有疑问也可以在评论指出

首先默认项目已经有 eslint 检测，如果没有自行查找相关资料配置，这里重点值如何和 prettier 搭配工作

安装 prettier 包

需要依赖的包有: prettier , eslint-config-prettier, eslint-plugin-prettier

yarn add -D prettier eslint-config-prettier eslint-plugin-prettier

配置 prettierrc 和 prettierignore

.prettierrc 文件用于配置规则, .prettierignore 文件用于忽略默写不需要处理的文件或目录

prettier 规则可以查阅官方文档, 一般会配置 printWidth(单行长度), singleQuote(使用单引号), endOfLine(行尾符), indentSize(缩进长度), 以下是我的配置供参考:

.prettierrc

{
   
   
  "singleQuote": true