1. Create React App
npx create-react-app xxx --template typescript
![image.png](/img/bVcZUJ1)
需要机上指定的版本号解决:
npx create-react-app@5.0.1 xxx --template typescript
2.配置eslint prettier && commitlint规范工程
1.文件相对路径的问题
ts.config.json中配置baseUrl 指定前缀
2.代码格式化 prettier ==> 不同编辑器 代码风格统一
yarn add --dev --exact prettier
echo {}> .prettierrc.json
创建 .prettierignore
pre-commit Hook
npx mrm lint-staged // 每次提交之前 自动prettier
在package.json中新增ts tsx的自动格式化
![image.png](/img/bVcZUK2)
## eslint 与 prettier的冲突
![image.png](/img/bVcZULb)
让prettier中的一些功能替换eslint的功能,保证不冲突
3.git提交规范
commit Message 是否符合规范
## yarn add -D @commitlint/config-conventional @commitlint/cli
## 配置 github中 参考
推荐阅读
- 有哪些非常好的前端网站或个人博客()
- 前端|使用canvas压缩图片
- vxe-table|【vxe-table】和【el-table】调整列(单元格)背景色,指定列背景色设置,两层或多层表头也适用
- Node百科|08.如何从node.js程序退出
- Node百科|07.从命令行运行Node.js脚本
- CocosCreator|cocoscreator常用代码抄录
- XAMPP虚拟主机可在Chrome和Firefox中使用,但不适用于Microsoft Edge浏览器
- 如何在DOM元素上保存信息,数据属性介绍HTML5
- 从画布创建的图像具有黑色背景(HTML5)