React native 创建IOS项目

 转自 http://www.w3ctech.com/topic/885

  • OS X - 因为android我们还搞不定的原因,所以目前的版本暂时只支持iOS实现,并且只有 Mac 上的 Xcode 才可以运行噢,没有 Mac 的24k纯屌们就关掉本教程继续好好做你们的前端去吧,看了也是心里的痛!
  • Xcode 得是最新版本噢,还没有的去MacAppStore里赶紧下一个
  • Homebrew 可以傻瓜安装node,watchman和flow。(虽然后两者与本例没太大关系,咳咳,广告还是要有的,一个是监控文件改动的,一个是检查JS静态类型的
  • 执行brew install nodenode 或 npm 都要求最新噢。
  • 执行 brew install watchman。 虽然没啥用,但求各位大大还是跟着下个 watchman 吧,这样在感觉上能够减少bug出现的几率,嗯嗯……
  • 执行brew install flow 。 虽然我们也不知道flow能用来干嘛,装上吧……

PS:途中可能遇到各种BUG,什么连不上国外的服务器啊,ruby版本错误啊(都请自行doodle之

快速开始撸一发

  • npm install -g react-native-cli
  • react-native init AwesomeProject

各种完成之后,我们进入新创建的文件夹 AwesomeProject/ 中

  • 用 Xcode 打开 AwesomeProject.xcodeproj这个文件,并且狠狠的点击运行(run)按钮,会跳出iOS模拟器,此时ipa已经在正常运行状态中了!
  • 用编辑器打开index.ios.js这个文件,然后运用你多年的搬砖技术去coding一些东西吧,让文件产生变化
  • 然后在你的iOS模拟器上按 cmd+R 两次!没错,颤抖吧!你的改动已经生效了!

Congratulations!你已经成功运行并修改了你的第一个 React Native App 。下一节我们将解放你的双手,让你实实在在的感受到深入浅出RNA的快感。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值