ICode9

精准搜索请尝试: 精确搜索
首页 > 系统相关> 文章详细

如何在 Windows 上安装 React.js |如何在 Windows 上安装 React JS |在 Windows 上安装 ReactJS — Codexashish

2022-09-03 12:00:24  阅读:196  来源: 互联网

标签:Node Windows ReactJS js React 安装


如何在 Windows 上安装 React.js |如何在 Windows 上安装 React JS |在 Windows 上安装 ReactJS — Codexashish

在这篇文章中,我们将看到 如何在 Windows 中安装 ReactJS 或如何在我们的系统中安装 React。因此,不要浪费任何时间,让我们开始我们的文章:

React JS 是最流行的一种 JavaSript 库 在构建用户界面时很有用,它是一个基于前端的开源组件。在 ReactJS 的帮助下,我们可以创建一个很棒的应用程序和动态应用程序,因为 ReactJS 需要更少的编码并提供更多的功能。如今 反应JS 越来越受欢迎 跨国公司 因为它的特性和功能。

目录

React Js 的特点:

  • 可重复使用的组件:
  • 调试
  • JSX
  • 单向数据绑定
  • 虚拟 DOM
  • 简单
  • 表现

在 Windows 上安装 Reactjs:

Step.1 下载 Node.js 安装程序

您可以通过搜索从 google 下载 Node.js 安装程序 “节点” 在谷歌上。点击第一个官网“nodejs.org”,你会看到 LTS 版本 和当前版本的 Node.js。 LTS 版本是最好的,它是推荐的版本,因为它已经创建而不是在进程中。因此,您只需单击 LTS 版本即可 下载 Node.js .或者你可以 点击这里 去下载页面。当您点击 LTS 版本下载时,它会自动开始下载。

Step.2 安装 Node.js 安装程序

一旦 节点.js 下载完成,现在找到下载的安装程序文件并双击将其安装到您的系统上。

接受条款和条件,然后单击确定按钮。在您的系统上安装 Node.js 后,它会显示一条祝贺消息。

现在我们有 成功安装 Node.js 我们系统中的安装程序。

Step.3 打开 CMD 并查看 Node.js 版本

在您的系统上安装 Node.js 后,您必须首先确认 Node.js 是否已安装。所以输入下面的命令 命令提示符(CMD) 然后按回车

按钮:

节点-v

现在可以看到我们已经安装成功了 节点版本“v16.14.2” 在我的系统上。您的系统中 NodeJS 的版本可能会有所不同,因为当我写这篇文章时, 节点“v16.14.2” LTS 版本可用。 新PM 在您的系统上安装 NodeJS 后会自动安装在您的系统上。

另请阅读:

Django 开发者路线图
Laravel 9 开发者路线图
Laravel 9 面试问答
提前 Laravel 面试问题和答案
Java 开发者路线图

Step.4 全局安装 ReactJS

在您的系统上安装 Node 后,只需复制以下代码并将其粘贴到 命令 并按回车键。此命令将在您的系统上安装 ReactJS。

npm install -g create-react-app

记住一件事:您可以在任何文件夹或驱动器中运行此命令。它是 ReactJS 的环境。所以我们有 成功安装 ReactJS 在我们的系统中。

Step.5 检查 ReactJS 版本

一旦你的系统中全局安装了 reactjs,现在首先检查你系统上安装的 ReactJS 的版本。为此,请在您的 CMD(命令提示符) .

create-react-app — 版本

现在你可以看到我们有 成功安装最新的 LTS 系统上的 ReactJS 版本。

另请阅读:

用于游戏开发的前 5 个 Python 模块
用于机器学习的 10 个最佳 Python 库
15+ 高级 Python 概念
Django 应届生面试问答
如何在 Windows 上安装 ReactJs

Step.6 创建 ReactJS 第一个应用程序

我们只是在我们的系统中安装了 Nodejs 和 Reactjs。现在是时候创建 reactjs 第一个应用程序了,为此在您要创建的 CMD 中运行以下命令 reactjs 文件夹 或者 应用程序 .确保必须更改要在其中创建 reactjs 第一个应用程序的目录。

创建反应应用

Step.7 启动 NPM 开发服务器

创建 reactjs 应用程序后,是时候启动 NPM 服务器 .因此,首先您必须更改 CMD 或光标的目录,在

“光盘 .现在您位于我们之前创建的“项目名称”文件夹中。

要运行 NPM 服务器,请在 CMD 中运行以下代码:

npm 开始

我们已经成功启动了 NPM 服务器版本。

Step.8 在浏览器上检查您的应用程序

一旦你的 npm 为你的项目启动,现在你可以在你的 web 浏览器中看到你的项目。您可以使用任何类型的浏览器,例如 Chrome、Edge、Opera 等。

要查看您的项目,请访问此处 http://localhost:3000/ 或在浏览器中输入“ 本地主机:3000 ” 并按下回车键。

现在你可以看到我们有 ** 成功安装 ReactJS** 在您的系统中。我们的第一个应用程序也在浏览器中成功打开。

结论:

在本文中,我们已经成功安装 Node.js 和 React.js 并创建了我们的 React First 应用程序。所以我们已经成功地学会了如何 下载 ReactJs 或如何在 Windows 上安装 Node.js。

你也应该看看这个, 2022 年十大编程语言 , Python 完整路线图 , C++ 完整路线图 , 机器学习完整路线图 , 和 2022 年提前 Laravel 面试问答 博客。

您对本文有任何疑问,请在本文评论区提出,我们会尽快与您联系。

感谢您阅读此博客。祝你在学习和掌握 React JS 的过程中一切顺利。

关注我,获取更多有用内容:

Instagram | 推特 | 领英 | YouTube

谢谢

人们也在阅读:-

2022 年最受欢迎的 5 个后端框架

2022 年你应该学习的 5 大编程语言

2022 年用于 Web 开发的前 5 个 Python 框架

2022 年可能占据主导地位的 5 大加密货币

2022 年最值得学习的 10 大趋势技术

2022 年你必须知道的 10 大编程语言

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/11702/53130311

标签:Node,Windows,ReactJS,js,React,安装
来源: https://www.cnblogs.com/amboke/p/16652315.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有