React native 创建IOS项目
2015-07-30 15:42
495 查看
转自 http://www.w3ctech.com/topic/885
OS X - 因为android我们还搞不定的原因,所以目前的版本暂时只支持iOS实现,并且只有 Mac 上的 Xcode 才可以运行噢,没有 Mac 的24k纯屌们就关掉本教程继续好好做你们的前端去吧,看了也是心里的痛!
Xcode 得是最新版本噢,还没有的去MacAppStore里赶紧下一个。
Homebrew 可以傻瓜安装node,watchman和flow。(虽然后两者与本例没太大关系,咳咳,广告还是要有的,一个是监控文件改动的,一个是检查JS静态类型的
执行
执行
执行
PS:途中可能遇到各种BUG,什么连不上国外的服务器啊,ruby版本错误啊(都请自行doodle之
各种完成之后,我们进入新创建的文件夹
用 Xcode 打开
用编辑器打开
然后在你的iOS模拟器上按 cmd+R 两次!没错,颤抖吧!你的改动已经生效了!
Congratulations!你已经成功运行并修改了你的第一个 React Native App 。下一节我们将解放你的双手,让你实实在在的感受到深入浅出RNA的快感。
OS X - 因为android我们还搞不定的原因,所以目前的版本暂时只支持iOS实现,并且只有 Mac 上的 Xcode 才可以运行噢,没有 Mac 的24k纯屌们就关掉本教程继续好好做你们的前端去吧,看了也是心里的痛!
Xcode 得是最新版本噢,还没有的去MacAppStore里赶紧下一个。
Homebrew 可以傻瓜安装node,watchman和flow。(虽然后两者与本例没太大关系,咳咳,广告还是要有的,一个是监控文件改动的,一个是检查JS静态类型的
执行
brew install node。node 或 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的快感。
相关文章推荐
- ReactiveCocoa -函数式编程和响应式编程
- Facebook React Native 初探
- ReactiveCocoa 学习笔记(一)
- ReactiveCocoa Tutorial – The Definitive Introduction: Part 2/2
- ReactiveCocoa Tutorial – The Definitive Introduction: Part 1/2
- ReactiveCocoa与Functional Reactive Programming
- 说说ReactiveCocoa 2
- 第69讲 scala并发编程 react 、loop 编程
- ReactiveCocoa框架菜鸟入门(一)——CocoaPods添加ReactiveCocoa
- ReactiveCocoa - iOS开发的新框架
- 第69讲:Scala并发编程react、loop代码实战详解学习笔记
- Reactor构架模式
- SGU 194 Reactor Cooling
- Scala并发编程react、loop代码实战解析
- Scala的react、loop代码编程
- React Native
- React学习系列
- React学习系列一
- Scala并发编程react、loop代码实战详解
- Scala并发编程react、loop代码实战