之前一直使用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 脚手架