命令行:
npx create-react-app demo --template typescript
配置tsconfig.json:
添加
"baseUrl": "./src"
安装代码格式化依赖
yarn add --dev --exact prettier
echo {}> .prettierrc.json
创建文件.prettierignore,添加不需要格式化的目录
Ignore artifacts:
build
coverage
npx mrm@2 lint-staged
package.json文件的"lint-staged"添加
"*.{js,css,md,ts,tsx}"
和eslint配合使用,需要装
yarn add eslint-config-prettier -D
在package.json文件里的"eslintConfig"属性的"extends"里加"prettier",例:
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest",
"prettier"
]
},
网友评论