mac搭建react-native开发环境记录

之前一直使用vue写项目的,看了同事写的react-native项目,自己想去尝试写个react-native 的小demo,那么第一步是要配置要电脑环境。
Mac搭建react-native需要配置哪些环境呢?

第一步、安装Homebrew

什么是Homebrew呢?“Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。”
1) 安装brew命令:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

检查版本: brew -v
卸载brew命令:

 /usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/uninstall)"

如果安装brew后,brew -v查询有问题,可以卸载重新装。
而且最好连着VPN安装。
2)继续安装cocoapods,watchman

brew install cocoapods
brew install watchman

第二步、安装node

安装node,我是安装的node@14

brew install node@14

安装后查看版本: node -v
查看node安装路径:which node
查看当前电脑所有的node版本信息: brew ls

注意:
我这里就出现了问题。 我之前直接安装过node12,那么我的打算是,把12卸载,全部用brew来安装,方便管控。
卸载brew uninstall node,
卸载完在brew ls一下,看是否清掉。
如果以前直接装的node,后来用brew卸不掉,就使用这个命令:brew uninstall --force node@12
卸载完,node -v; which node查看下是否卸成功;
在这里插入图片描述

第三步、安装react-native-cli

输入命令:

npm install react-native-cli -g

如需重新安装,先卸载:

npm uninstall -g react-native

在项目的根目录下,查看安装版本:react-native -v
输入结果:
react-native-cli: 2.0.1
react-native: 0.64.0

到这里为止,配置环境结束!!中间会出现各种不同的问题,但是耐住性子,一步一步解决,不能着急。
下一篇介绍:搭建react-native 脚手架

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值