创建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"
]
},

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容