如何在 Windows 上安装 ReactJS?
React JS -React 是一个基于开源组件的前端 JavaScript 库。它用于为 Web 和移动应用程序创建快速和交互式的用户界面。在 React 中创建动态应用程序很容易,因为它需要更少的编码并提供更多功能。它被大型跨国公司和新成立的初创公司使用
反应的特点:
- 可重用组件:单个 React 应用程序由许多组件组成,每个组件都有自己的逻辑和代码,但我们可以轻松地多次重用组件,从而减少开发人员的时间并提高工作效率
- 调试:可以使用“react 开发者工具”轻松调试 React 应用程序。它是一个浏览器扩展,可用于 chrome 和 Firefox。
在 Windows 上安装 Reactjs:
第 1 步:安装适用于 Windows 的 Node.js 安装程序。单击此链接。在这里安装 LTS 版本(左边的那个)。下载后打开 NodeJS 而不会影响其他设置,单击“下一步”按钮,直到它完全安装。
步骤2 :打开命令提示符检查是否完全安装,输入命令->
node -v
如果安装顺利,它将为您提供已安装的版本
第 3 步:现在在终端中运行以下命令:
npm install -g create -react -app
它将为您全局安装 react 应用程序。要检查一切顺利,请运行命令
create -react -app -v
如果一切顺利,它将为您提供已安装的 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 并准备好构建很棒的网站和应用程序