5、React开发入门：从项目创建到状态管理

React开发入门：从项目创建到状态管理

1. 使用create-react-app创建项目

create-react-app 是一个工具链，能让我们无需担心配置问题即可创建React应用。以下是创建React项目的步骤：
1. 在VS Code终端中，若之前的程序仍在运行，先停止执行。
2. 创建一个新文件夹（如 Projects ），注意要在之前项目文件夹之外创建，避免冲突。
3. 在VS Code中，通过 File ➤ Open Folder 打开新创建的文件夹。
4. 运行命令： npx create-react-app just-react 。这里的 npx 是一个npm包运行器，可直接运行NPM注册表中的包而无需安装，它会随Node.js一起安装。 just-react 是项目名称。

命令执行需要几分钟，期间会安装许多包。执行完成后，会生成多个JS文件，如 package.json 、 package-lock.json 、 node_modules 等。接着使用 cd just-react 命令进入项目文件夹，若文件未在VS Code资源管理器（左侧）中打开，可点击顶部的 File ，选择 Open Folder 打开项目文件夹。然后运行 npm start 命令