项目启动流程
1.项目目录下进行 npm start 命令
– 开启了一个服务器,服务器程序的唯一标识 端口号3000
2.浏览器上访问 localhost:3000
localhost: 域名。 代表当前计算机在 网络中的名字
localhost:3000 访问当前计算机中 端口号是3000的软件
3.index.html
固定名称的文件:当访问服务器时,如果没有指定访问的文件名称默认访问index.html
此文件中存在 <div id="root"></div>
4.webpack工具:脚手架自动配置了此工具,项目运行时会自动打包 index.js 文件引入到 index.html 中
5.index.js
引入了 App.js 并且渲染到 id="root" 的标签
6.App.js
项目的根组件:
React项目是 SPA 项目: Single web page Application 单页面网页应用
整个网站只有一个页面,通过路由切换页面中的局部内容,实现页面的变更。