您的位置:首页 > Web前端 > React

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静态类型的

执行
brew install node
nodenpm 都要求最新噢。

执行
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的快感。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: