创建 React.js 应用程序 - Javascript

React.js 是 Facebook 开发的一个用于构建用户界面的 JavaScript 库。 它将 UI 拆分成可重用的组件，使得开发更为简单和可维护。 在本文中，我们将介绍如何使用 create-react-app 工具来快速创建一个 React.js 应用程序。

准备工作

在开始创建 React.js 应用程序之前，请确保您已经安装了以下工具和软件：

• Node.js
• NPM（Node.js 包管理器）

使用 create-react-app

create-react-app 是一个用于快速创建 React.js 应用程序的脚手架工具。 它提供了一个预配置的开发环境，包含了一些常用的工具和库，以帮助您更快地开始开发应用程序。

安装 create-react-app

在命令行中运行以下命令来安装 create-react-app：

npm install -g create-react-app

创建新的 React.js 应用程序

要创建一个新的 React.js 应用程序，请在命令行中运行以下命令：

create-react-app my-app

其中，my-app 是您的应用程序名称。 这会在当前目录中创建一个新的名为 my-app 的目录，并安装必要的依赖项。

运行应用程序

在成功创建应用程序后，您可以切换到 my-app 目录，并运行以下命令来启动开发服务器：

cd my-app
npm start

这将启动一个开发服务器，并在默认浏览器中打开应用程序。 您可以编辑代码并在浏览器中实时查看更改。

构建应用程序

一旦您准备好将应用程序部署到生产环境，您可以运行以下命令来构建应用程序：

npm run build

这将在 my-app 目录中创建一个名为 build 的目录，并包含用于生产的最小化，优化的代码。

结论

使用 create-react-app 工具快速创建 React.js 应用程序非常简单，并且可以加快您的开发速度。 现在，您已经了解了如何使用该工具来创建 React.js 应用程序，可以开始构建自己的应用程序了！