作为一个前端,第一眼看到react native官方网站里的一句话就被深深吸引住了——“learn once,write anywhere”。
思想上不作丝毫的挣扎,说玩就玩,马上拿起Macbook捣鼓了起来,可是看似这么简单的一个东西,弄起来还真的一堆问题,就在第一步安装react-native-cli的时候就被一堆的权限问题弄的搞不下去了,网上教程参差不齐,参考了几个乱弄了一通,还是放弃了。
直到今天,再次提起了兴趣,我真不信它这个邪了,继续重新安装环境,还真弄好了,不简单的历程,虽然很多都是网上抄的资料,但也值得记录下来,下次就有经验了,也可以为后人留下点什么吧。
—— 大部分参考自《React Native入门遇到的一些总是》
1) 安装brew
curl -LsSfhttp://github.com/mxcl/homebrew/tarball/master| sudo tar xvz -C/usr/local --strip 1
参考自《Mac安装Brew》
2) 安装并激活nvm
参考官方文档:https://github.com/creationix/nvm#installation
curl -o-https://raw.githubusercontent.com/creationix/nvm/v0.28.0/install.sh| bash
激活nvm “. ~/.nvm/nvm.sh” 或 “source ~/.nvm/nvm.sh”
3) 安装react-native-cli,注意权限问题
sudo npm install -g react-native-cli
4) 初始化工程,国外网络的关系,可能会很慢,因为要下载react-native库,可以参考网上资料,把npm指向成国内
react-native init hello
记住这里不要用sudo,不然后面权限问题,会运行出错的
5)双击ios文件夹里的.xcodeproject成功打开项目