Macos安装react脚手架流程及遇到的问题

在安装react脚手架时发现问题百出,用正常的方法总会出现下图所示的错误,总结一下自己最终下载成功的流程供参考使用。
在这里插入图片描述
一.首先检查一下是否安装了cnpm,通过cnpm -v查看,若没有安装则推荐安装一下,这里使用了淘宝镜像网站,下载更快

sudo npm install cnpm -g --registry=https://registry.npm.taobao.org

下载结束后,查看是否安装成功cnpm -v

二.全局安装脚手架

sudo cnpm install -g create-react-app

安装成功示意图:
在这里插入图片描述
三.切换到想要创建文件的目录,使用命令创建项目

create-react-app hello_react (项目名称)

四.进入项目文件夹cd hello_react
五.启动项目yarn start,页面会自动跳到浏览器打开页面,到此处就安装成功啦!

启动项目也可以使用npm start,但推荐使用yarn,因为yarn和react都是微软开发的,亲兄弟嘛hhhh

如果未安装yarn,有以下两种安装方式:

  1. homebrew安装,但是要在网络环境良好的情况下,否则很容易失败
brew install yarn
  1. 脚本安装
curl -o- -L https://yarnpkg.com/install.sh | bash

该安装方法很快,推荐使用

安装成功后,使用yarn --version查看是否安装成功即可,我是安装成功后关闭了终端又重新开启了一次,就能成功查看到版本号了

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值