📜  如何在 Windows 上安装 ReactJS?

📅  最后修改于: 2022-05-13 01:56:11.910000             🧑  作者: Mango

如何在 Windows 上安装 ReactJS?

React JS -React 是一个基于开源组件的前端 JavaScript 库。它用于为 Web 和移动应用程序创建快速和交互式的用户界面。在 React 中创建动态应用程序很容易,因为它需要更少的编码并提供更多功能。它被大型跨国公司和新成立的初创公司使用

反应的特点:

  1. 可重用组件:单个 React 应用程序由许多组件组成,每个组件都有自己的逻辑和代码,但我们可以轻松地多次重用组件,从而减少开发人员的时间并提高工作效率
  2. 调试:可以使用“react 开发者工具”轻松调试 React 应用程序。它是一个浏览器扩展,可用于 chrome 和 Firefox。

在 Windows 上安装 Reactjs:

第 1 步:安装适用于 Windows 的 Node.js 安装程序。单击此链接。在这里安装 LTS 版本(左边的那个)。下载后打开 NodeJS 而不会影响其他设置,单击“下一步”按钮,直到它完全安装。

安装 14.18.1 LTS

安装 14.18.1 LTS

步骤2 :打开命令提示符检查是否完全安装,输入命令->

node -v
节点版本为 v14.15.3

节点版本为 v14.15.3

如果安装顺利,它将为您提供已安装的版本

第 3 步:现在在终端中运行以下命令:

npm install -g create -react -app  
安装将需要几秒钟

安装将需要几秒钟

它将为您全局安装 react 应用程序。要检查一切顺利,请运行命令

create -react -app -v
版本 4.0.3

版本 4.0.3

如果一切顺利,它将为您提供已安装的 react 应用程序版本

第 4 步:现在使用以下命令创建一个新文件夹,您要在其中制作您的 react 应用程序:

mkdir newfolder

注意:上面命令中的newfolder是文件夹的名称,可以是任何东西。

使用以下命令在同一文件夹内移动:

cd newfolder (your folder name)

第 5 步:现在在此文件夹中运行命令 –>

create -react -app  reactfirst YOUR_APP_NAME

创建一个反应应用

安装所需的依赖项需要一些时间

第 6 步:现在打开您选择的 IDE,例如。 Visual Studio 代码并打开您在文件夹中安装了 react app newolder (在上面的示例中)的文件夹,您将看到您的应用程序的名称reactapp (在我们的示例中)。使用终端并在您的应用名称文件夹中移动。使用命令cd reactapp (您的应用名称)

第 7 步:要启动您的应用程序,请运行以下命令:

npm start  

启动反应服务器

运行上述命令后,浏览器中将打开一个新选项卡,显示 React 徽标,如下所示:

恭喜您已成功安装 react-app 并准备好构建很棒的网站和应用程序