Create-react-app脚手架所创建的目录的简单解释

Facebook推出
2013年开源
React 16版本以后称为React Fiber
React Fiber 也可以指在16时加的一种底层实现
React.js 在复杂度高的比较合适 API较少相比Vue 因此灵活度较高
官方提供的脚手架——Create-react-app

项目结构文件:
1.README.md文件
就是一个项目的说明文件有一定格式规定,可以自己编写

2.package.json文件
其中是项目的一些介绍,比如依赖的包,项目名
一个node的包文件

3.gitignore
git的一个文件,如果你不想把一些文件git上去,在这里编写即可

4.node——modules
即一般react依赖的一些包文件

5.public
放的是一些文件,如图标文件
(1)manifest.json文件
这里也是我们下面所提到的PWA技术,这里即相当于在桌面上创建了一个快捷方式

在其中的index中会有一个You need to enable JavaScript to run this app.
如果用户把script禁用了就会有这样的一个提示 可以删掉

6.src目录
放的所有项目的源代码
(1)index.js
这个是用来放置我们第一次启动项目时所看到的主页面的
其中有一行import registerServiceWorker from ‘./registerServiceWorker’;
这是前端的PWA技术 如果你将代码放到一个https的一个服务器上 第一次访问过后,页面代码将会遗留在浏览器上
src目录下就有这么一个service的文件,若不需要便可以直接删除
(2)App.test.js 一个自动化的测试文件,可以帮助你进行测试

发布了14 篇原创文章 · 获赞 9 · 访问量 2170

猜你喜欢

转载自blog.csdn.net/weixin_44956861/article/details/94974292