如何创建一个新的 React 应用程序 - Javascript

在本教程中，我们将向您展示如何使用 create-react-app 脚手架来创建一个新的 React 应用程序。

第一步 - 安装 Node.js

在开始之前请确保正确安装了 Node.js。您可以在以下链接下载 Node.js：https://nodejs.org/en/。

第二步 - 安装 create-react-app

在 Node.js 安装完成之后，我们需要通过 npm 全局安装 create-react-app：

npm install -g create-react-app

这样就可以在终端里直接调用 create-react-app 。

第三步 - 创建一个新的 React 应用程序

在 npm 安装完成之后，我们可以通过 create-react-app 命令创建新的 React 应用程序：

create-react-app my-app

其中 my-app 为您的应用程序名称。使用该命令会自动创建一个新的 React 应用程序，并在其中包含一些示例代码和目录结构。这个命令需要一定时间来完成，取决于您的网络速度和计算机的性能。

第四步 - 运行应用程序

在应用程序安装完成之后，我们可以使用以下命令来启动应用程序：

cd my-app
npm start

执行完后，我们可以看到 React 的服务正在运行，并启动了我们的应用程序。打开浏览器并访问：http://localhost:3000。您将看到一个 React 的欢迎页面。

第五步 - 修改应用程序

现在，您已经创建了一个新的 React 应用程序，并可以在其中进行修改。您可以编辑 src 目录下的代码文件，并实时预览更改。

结论

这就是在 Node.js 环境下使用 create-react-app 创建一个新的 React 应用程序的步骤。通过这个脚手架，我们可以快捷地构建和运行新的 React 应用程序，并实时调整和预览代码更改。