jira 环境配置 | react ts

create-react-app

npx create-react-app jira --template typescript

prettier

prettier：https://prettier.io/docs/en/install.html
yarn add --dev --exact prettier
或者使用npmnpm install --save-dev --save-exact prettier
初始化配置文件：echo {}> .prettierrc.json
然后建立一个忽略文件.prettierignore
内容是：

# Ignore artifacts:
build
coverage

手动格式化的命令：npx prettier --write .
但我们要自动化的，所以有了下面的 借助 pre-commit hooks

lint-staged, pre commit, husky

讲的比较好的文章：https://blog.csdn.net/qq_21567385/article/details/116429214
配置到 git-hook中：https://prettier.io/docs/en/precommit.html
npx mrm@2 lint-staged --save-dev 注意：应首先尝试去掉@2的命令即默认的@latest，这样可能会导致安装失败，原因应该是跟node版本不兼容，我的node 是14.16.1，此时才用此行命令

安装完之后，在package.json里加上检测ts和tsx"*.{js,css,md,ts,tsx}": "prettier --write"

eslint-config-prettier

为了防止默认的 eslint 与 prettier冲突，还要装个插件
npm add --save-dev eslint-config-prettier （这里是因为实测 pnpm 不行，我还是用npm淘宝镜像吧，pnpm 没有操作文件夹的权限，google也没有任何解决方案，猜测是因为安装的地方目录需要给个管理员启动，感觉不太靠谱了，于是换回来了）
装完之后在eslint的配置中加入 prettier

commitlint

配置commitlint : 规则
npm install --save-dev @commitlint/config-conventional @commitlint/cli
echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js
配置自动运行commitlint
npx husky add .husky/commit-msg "npx commitlint --edit $1"

json-server

全局安装：npm install -g json-server
推荐新建一个用于测试的文件夹：__json_server_mock__
在上面的文件夹里建立一个db.json
里面是

{
	"user": []
}

然后在 package.json里添加一个运行脚本
"json-server": "json-server __json_server_mock__/db.json --watch"
然后就可以 npm run json-server

URI 转义

encodeURIComponent('你好')
decodeURIComponent('你好')
encodeURI 是转义整个URI的