环境准备 ​

安装 Node.js 和 npm ​

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。它允许开发者在服务端运行 JavaScript 代 码。npm（Node Package Manager）则是 Node.js 的默认包管理器，用于安装和管理 Node.js 包（或模块）。

Windows: ​

1. 下载 Windows Installer (.msi) 文件从 Node.js 官网。
2. 双击安装文件并按照指示进行。
3. 安装完成后，Node.js 和 npm 会自动安装。

macOS: ​

• 使用 Homebrew: brew install node
• 或从 Node.js 官网下载 macOS Installer (.pkg) 文件并按照指示进行。

Linux: ​

使用包管理器（如 apt 或 yum）。

• Ubuntu/Debian: sudo apt update && sudo apt install nodejs npm
• CentOS/RHEL: sudo yum install nodejs npm

验证安装 ​

在终端输入：

node -v
npm -v

node -v
npm -v

如果显示版本号，则表示安装成功。

创建 React 项目 ​

创建一个新的 React 项目通常涉及一系列步骤，包括环境设置、依赖管理和项目结构设计。其中一个简化这一过 程的工具是 create-react-app。这是一个从 Facebook 出品的开箱即用的脚手架工具，用于构建新的 React 应用程序。

步骤 ​

1. 环境准备: 确保 Node.js 和 npm 已安装。如果没有，参考上一个回答中的安装步骤。

2. 全局安装或更新 create-react-app（可选）:

   bash

   npm install -g create-react-app

   npm install -g create-react-app

   也可以在不全局安装的情况下使用 npx。

3. 创建新项目:

   • 使用全局安装的 create-react-app：

     bash

     create-react-app my-app

     create-react-app my-app

   • 或使用 npx：

     bash

     npx create-react-app my-app

     npx create-react-app my-app

   这里的 my-app 是你的项目名称。

4. 进入项目目录:

   bash

   cd my-app

   cd my-app

5. 启动开发服务器:

   bash

   npm start

   npm start

   这会在默认的浏览器中打开一个新的标签页，并在 localhost:3000 加载你的新 React 应用。

create-react-app 生成的项目结构旨在提供一个合理的默认设置，其中包括 Webpack、Babel 和一个开发 服务器。这些都是在背后自动配置的，让开发者能够专注于代码编写而非环境设置。

总结 ​

通过使用 create-react-app，创建一个新的 React 项目变得非常简单和直接。它处理了大多数初步设置和 配置，让开发者可以迅速进入开发阶段。这样的便利性使得 create-react-app 成为了许多 React 开发者 的首选脚手架工具。