React-Jira

一、介绍

使用 React17 + React Hook + TS4 模仿 Jira 项目

二、开发记录

1. 创建项目

npx create-react-app react-jira --template typescript

2. Prettier、Eslint、Commitlint 配置

• Prettier: 规范代码格式化
• Eslint:
• Commitlint:

2.1 Prettier

官网：https://prettier.io/

安装依赖及增加配置文件

npm install --save-dev --save-exact prettier
# 增加配置文件
echo {}> .prettierrc.json
# 过滤无需格式化文件
# 增加 .prettierignore 文件

自动格式化工具配置 Pre-commit Hook

npx mrm lint-staged

2.2 Eslint

create-react-app 创建的脚手架已做了 eslint 的配置，这里仅需要考虑 eslint 和 prettier 的兼容性

npm install eslint-config-prettier

package.json 中增加如下配置

"eslintConfig": {
  "extends": [
    "prettier"
  ]
},