創(chuàng)建項(xiàng)目(帶ts的react項(xiàng)目)：
npx create-react-app xxx --template typescript
看下創(chuàng)建好的目錄文件吧：
目錄.png
安裝prettier：
yarn add prettier --dev --exact
（官網(wǎng)是yarn add --dev --exact prettier轴猎，這樣安裝package.json里沒(méi)出現(xiàn)prettier，奇了怪）
創(chuàng)建prettier配置文件：
echo {}> .prettierrc.json
再創(chuàng)建個(gè).prettierignore文件
接著：
yarn global add mrm mrm-task-lint-staged
npx mrm lint-staged
執(zhí)行完后查看package.json进萄，如下代碼如果沒(méi)有自動(dòng)生成請(qǐng)手動(dòng)加上：
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
處理與eslint共同使用的問(wèn)題yarn add eslint-config-prettier -D
在package.json eslint配置處加上prettier：
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest",
"prettier"
]
},
安裝json-server：
yarn add json-server -D
根目錄創(chuàng)建文件夾json_server_mock捻脖，文件夾里新建db.json
package.json配置：
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"prepare": "husky install",
"json-server":"json-server --watch __json_server_mock__/db.json"
},
啟動(dòng)：
yarn json-server
