---

创建React应用：

使用 npm 创建 React Web 应用的命令如下：

1. 首先，您需要安装 Node.js 和 npm。如果您还没有安装 Node.js 和 npm，请先安装它们。
2. 打开命令行工具，并进入您想要创建 React Web 应用的目录。
3. 在命令行中运行以下命令，使用 create-react-app 工具创建 React Web 应用：

   npx create-react-app my-app

   在上面的命令中，`my-app` 是您要创建的应用程序的名称。您可以将其替换为您自己的应用程序名称。

4. create-react-app 工具将会自动创建一个新的 React Web 应用，并安装所需的依赖包。创建完成后，您可以进入新创建的应用程序目录：

   cd my-app

5. 在应用程序目录中，您可以使用以下命令启动开发服务器：

   npm start

运行上述命令后，开发服务器将会启动，并在浏览器中打开应用程序。您可以在开发服务器启动后，通过访问 `http://localhost:3000` 来访问应用程序。

现在，您已经成功地创建了一个新的 React Web 应用，并启动了开发服务器。您可以开始编写您的应用程序代码，并使用 `npm start` 命令来预览您的应用程序。

---

React web应用的目录文件结构

在使用命令创建react web应用后，看到的目录和文件结构是这样的：

React Web 应用的目录文件结构可以根据具体需求进行调整，但通常包含以下文件和目录：

• src: 存放应用程序的源代码。
  • components: 存放应用程序的组件。
  • pages: 存放应用程序的页面组件。
  • assets: 存放应用程序所需的静态资源，例如图片、字体等。
  • styles: 存放应用程序的样式文件，例如 CSS、Sass、Less 等。
  • utils: 存放应用程序的工具函数和帮助函数。
  • services: 存放应用程序的服务，例如 API 请求等。
  • constants: 存放应用程序的常量，例如枚举值、配置项等。
  • App.js

… 查看余下内容