打开之前我们创建的todolist文件夹 :
可能你的文件夹跟俺不太一样,因为俺删除了很多不必要的文件。
yarn.lock
项目依赖的安装包的版本号的限制,这个文件一般我们不需要处理。
README.md
项目说明文件,我们可以根据自己项目,写一些关于项目的介绍。
package.json
node的包文件:项目的介绍,项目的依赖(开发依赖、生产依赖),设置脚本指令 。
.gitignore
定义git的忽略文件
node_modules
项目依赖的第三方包,这个文件我们一般也不需要动。
public 文件夹
- favicon.ico 网站图标
- index.html 项目首页模板
- manifest.json 对应PWA的配置文件
src目录
最重要的目录,项目源代码,俺对部分重要的代码做简要说明 :
- index.js是项目的入口文件
- App.js是一个React组件
- App.test.js自动化测试文件
- registerServiceWorker PWA
最重要的其实就是三个文件:
- index.html 负责页面显示的html内容
- index.js 项目入口文件
- App.js 显示内容组件