如何创建 React 应用程序

在这篇教程中，我们将介绍如何使用 create-react-app 工具来创建一个新的 React 应用程序。

步骤

1. 首先，打开终端并在其中导航到你想要创建新应用程序的目录。

2. 执行以下命令来安装 create-react-app：

   npm install -g create-react-app
   

3. 创建新的应用程序。执行以下命令：

   create-react-app my-app
   

   这将在你当前的目录中创建一个名为my-app的新文件夹，并将所有需要的文件和目录放在其中。

4. 进入新创建的应用程序目录。

   cd my-app
   

5. 在终端中执行以下命令来启动新应用程序：

   npm start
   

   这将打开一个新的标签页或窗口，并在其中启动一个开发服务器。你应该能够看到你的新应用程序正在运行。

文件和目录结构

创建应用程序之后，你将获得以下文件和目录文件结构：

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

以下是有关每个文件和目录的简要说明：

• README.md：一个简单的说明文件。
• node_modules/：用于存储应用程序所需的所有依赖项的目录。
• package.json：应用程序的配置文件。
• public/：用于存储应用程序的公共静态文件的目录。
• src/：应用程序的源代码目录。
• App.css：应用程序的 CSS 文件。
• App.js：应用程序的主要 JavaScript 文件。
• App.test.js：包含应用程序测试的 JavaScript 文件。
• index.css：用于 index.html 的 CSS 文件。
• index.js：应用程序的入口点 JavaScript 文件。
• logo.svg：React 默认的 logo 文件。

结论

那就是创建 React 应用程序的方式。祝你好运，并享受 React 的旅程！