创建react的typescript项目

命令行:
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"
]
},

你可能感兴趣的:(创建react的typescript项目)