4、React开发入门：项目搭建、命令使用与元素嵌套

React开发入门：项目搭建、命令使用与元素嵌套

1. React项目启动与基本命令

当启动一个新的React项目时，使用默认模板创建的应用会在浏览器窗口中显示。运行 npm start 命令后，会启动一个本地开发服务器，它会持续监控源文件的变化，一旦有文件更改，就会重新编译整个项目，并自动在浏览器中加载更新后的应用。若要终止该命令，只需在终端中按下 Ctrl+C ，但这也会停止本地开发服务器，导致应用无法正常工作。

创建应用时，除了 start 命令，还会列出其他三个命令： build 、 test 和 eject 。下面详细介绍这四个命令的用途和使用场景：
| 命令 | 用途 | 使用场景 |
| — | — | — |
| start | 启动本地开发服务器，持续编译项目并在本地浏览器中显示更新内容 | 开始新项目或继续旧项目开发时使用 |
| build | 将所有资源编译成可部署到合适Web主机的生产版本包 | 准备将应用部署到真实Web服务器供用户使用时 |
| test | 启动测试运行器，运行项目中定义的所有单元测试 | 需要验证项目中所有单元测试是否通过时 |
| eject | 显示项目的内部配置，使项目完全可配置 | 需要对项目进行深度定制时，但使用后将失去自动更新工具版本的能力 |

1.1 start命令

start 命令是最常用的命令，每次开始新项目或继续旧项目开发