ReactJS |建立开发环境

要运行任何React应用程序，我们必须在PC上安装NodeJS。因此，第一步就是安装NodeJS。

第一步 ：安装NodeJS。你可以参观 官方下载链接 下载并安装最新版本的NodeJS。一旦我们在PC上设置了NodeJ，接下来我们需要做的就是设置React样板文件。

第二步 ：为旧版本和最新版本设置react环境，根据节点版本跟踪任何人。

对于包含Node<8.10和npm<5.6的旧版本： 设置React样板。我们将在全球范围内安装样板文件。在终端或命令提示符中运行以下命令以安装React样板文件。

npm install -g create-react-app

运行上述命令并成功安装样板后，终端将显示一些输出，如下图所示：

现在，在成功安装样板文件之后，我们要做的下一件事是创建React应用程序。我们可以使用create-react-app命令创建一个应用程序来进行响应。

对于 最新版本包括Node >=8.10和npm>=5.6： 为了使用提供良好开发体验的JavaScript的最新功能，机器应该包含Node的一个版本 >=8.10和npm>=5.6。

运行下面的命令创建一个新项目

npx create-react-app my-app

上面的命令将创建应用程序名my app，如下图所示：

您可以通过键入cd my app命令来运行该项目。

cd my-app
npm start

它将在终端中为您提供输出，如下图所示：

现在，您可以在浏览器中查看应用程序，如下图所示：

第三步 ：创建一个React应用程序。现在要创建一个应用程序，我们将使用我们安装的样板文件。下面的命令将创建一个名为myapp的应用程序。

create-react-app myapp

上面的语句将创建一个名为 myapp 在您当前的目录中，包含成功运行React应用程序所需的一系列文件。

让我们看看由上述命令创建的目录：

在上面的目录中，您可以看到许多文件。我们将在基础课程中学习的主要文件有 指数html 和 指数js .索引。html文件将有一个id=“root”的div元素，其中所有内容都将被呈现，我们的所有代码都将在索引中。js文件。

现在，我们已经成功地建立了开发环境。剩下的最后一件事就是 启动开发服务器 .

第四步 ：启动开发服务器。要启动开发服务器，请进入当前目录“myapp”并执行以下命令：

npm start

成功运行上述命令后，编译器将显示以下消息：

你可以转到上面消息中显示的URL，查看你在应用程序中所做的更改。默认情况下，上述URL将显示以下页面：

就这些！我们已经建立并准备好了一个开发环境。现在，我们将继续学习如何利用它进行开发。