初始化 create-react-app
使用 npx create-react-app my-app
命令对项目做初始化
生成的项目很干净,啥都没有,需要自己配
一、添加一些工具
- 在src增加文件夹
view - 展示页面
apis - 接口
utils - 工具
components - 公共组件
- 添加Eslint - Prettier 优化代码
使用了 airbnb 和 prettier/prettier 的规范
二、遇到的问题
- eslint 没有生效
在添加规范之后,没有生效,按照api查看也没有问题
最后发现原因是vscode安装了插件之后没有重新加载,重新加载之后就解决了
- 规范中使用单引号还是双引号
airbnb 的规范是要求单引号的,但是 prettier 的规范是双引号的 后者把前者的规范给覆盖了
- *如何自定义规范呢?
在 eslintrc 中的 rule 里设置了规范,虽然生效了,但是会被检测到不符合规范,
使用.prettierrc
文件设置自定义规范,其规范拥有最高权限