React安装教程【超详细】

前言:本人学到React时,在第一步安装上面就走了不少弯路,在网上各种查找文章,反复安装了好几次,还不小心误删了nodejs里的一些文件,吃了不少苦头,今天把完整的步骤记录下来,一步弯路也不用走,看着这个文章,可以完全的安装成功!!!
1.首先,要安装 Node.js 及 NPM 。

可以去官网下载最新的版本:

https://nodejs.org/

我用的是V10.16.0最新版本,也可以点这个链接直接下载这个。

https://nodejs.org/dist/v10.16.0/node-v10.16.0-x64.msi

下载好之后一直点击下一步,安装完成!!!

cmd打开命令提示符:

检测版本  输入:node -v

安装node时会自带一个npm的包管理工具。

检测npm版本 输入:npm -v

如若以上两个命令输入都返回版本号,则安装成功!

查看node.js环境变量:

在安装成功后,系统会自己设置node.js的环境变量,

我们可以键入path来查看环境变量: path

可以看到已经有了node.js环境变量(我安装的时候选择的安装路径是E:\盘,注意:这只是Node软件安装路径而已,并不是项目路径!)

2.设置NPM

国内npm有点慢,可以设置成淘宝的镜像来代替原有的。

cmd命令提示符中键入:

npm config set registry h

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
创建React脚手架是指使用一种工具或命令来快速搭建一个React项目的基本结构。其中,npx create-react-app 是一个常用的命令,用于创建React脚手架。Create React App 是React官方推荐的脚手架工具,它提供了一套现代化的开发环境和一些默认配置,使得我们能够快速开始一个React项目的开发。为了方便中文用户,Create React App官方提供了中文网站:https://create-react-app.bootcss.com/,你可以在这个网站上查找相关文档和教程,了解更多关于如何使用Create React App创建React脚手架的信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [React--》详细教程——React脚手架的搭建与使用](https://blog.csdn.net/qq_53123067/article/details/128696338)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [react快速开始(二)-使用脚手架Create React App创建react应用](https://blog.csdn.net/inthat/article/details/121394510)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值