react native安装笔记
2016-05-21 15:02
337 查看
作为一个前端,第一眼看到react native官方网站里的一句话就被深深吸引住了——“learn once, write anywhere”。
思想上不作丝毫的挣扎,说玩就玩,马上拿起Macbook捣鼓了起来,可是看似这么简单的一个东西,弄起来还真的一堆问题,就在第一步安装react-native-cli的时候就被一堆的权限问题弄的搞不下去了,网上教程参差不齐,参考了几个乱弄了一通,还是放弃了。
直到今天,再次提起了兴趣,我真不信它这个邪了,继续重新安装环境,还真弄好了,不简单的历程,虽然很多都是网上抄的资料,但也值得记录下来,下次就有经验了,也可以为后人留下点什么吧。
—— 大部分参考自《React Native入门遇到的一些总是》
1) 安装brew
curl -LsSf http://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成功打开项目
思想上不作丝毫的挣扎,说玩就玩,马上拿起Macbook捣鼓了起来,可是看似这么简单的一个东西,弄起来还真的一堆问题,就在第一步安装react-native-cli的时候就被一堆的权限问题弄的搞不下去了,网上教程参差不齐,参考了几个乱弄了一通,还是放弃了。
直到今天,再次提起了兴趣,我真不信它这个邪了,继续重新安装环境,还真弄好了,不简单的历程,虽然很多都是网上抄的资料,但也值得记录下来,下次就有经验了,也可以为后人留下点什么吧。
—— 大部分参考自《React Native入门遇到的一些总是》
1) 安装brew
curl -LsSf http://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成功打开项目
相关文章推荐
- 注册IRP_MJ_SHUTDOWN事件 基于ReactOS0303
- 学习React Native做开发的一般步骤
- mac 搭建react-native环境,无法run-android的问题
- 1.从Jquery 到 Reactjs 转变 遇到的十大神坑
- React Native的Navigator详解
- react笔记
- react native 选择手机照片页面英文问题
- React Native 解决iOS上键盘遮挡TextInput
- ReactOS-Freeldr注册表HIVE文件格式2
- ReactOS-Freeldr注册表HIVE文件格式
- React Native开发
- ReactNative 第六节 实战之ReactJS 组件和生命周期
- React Native踩坑Tip
- 【React】 React的优点+实现分页组件
- React入门实践之Todo List
- react 入门 阮一峰
- 【React】《Why did we build React?》 我们为什么要创建React-译文
- 学习iOS、React Native、算法开发的建议
- React Native 中组件的生命周期
- React-native 关于 android真机解决出现连不上服务器