Facebook React Native开发入门

来源:互联网 发布:挖机大转盘型号数据 编辑:程序博客网 时间:2024/04/30 16:57

1、关于homebrew下载地址

http://brew.sh

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
 2、如果你没有安装Xcode将会报如下错误  


很显然没有成功,不是地址错误,而是需要安装 xcode 在安装homebrew时许事先安装xcode,提示 : no developer tools were found at '/Applications/Xcode.app',requesting install.


3、安装完Xcode再次在终端安装brew,如果安装成功将会显示如下:



4、brew安装成功后,我们就可以通过brew安装 node、watchman、flow、wget等。

brew install node

brew install watchman

brew install flow

brew install wget


以下演示安装wget过程:

显示安装成功后利用 brew install  wget命令安装  wget


下载完成后,安装成功 over


5、所有准备工作就绪之后就是开启react native之旅了。

  • npm install -g react-native-cli
  • react-native init AwesomeProject
  • 在新建的文件夹 AwesomeProject/ 中 
  • 打开 AwesomeProject.xcodeproj,点击 Xcode 中的运行 
  • 打开你选择的文本编辑器中的 index.ios.js,并且对一些行进行编辑。 
  • 在你的 iOS 模拟器中点击 cmd + R(<a rel="nofollow" href="http://openradar.appspot.com/19613391" "="" style="box-sizing: border-box; background-color: transparent; color: rgb(45, 133, 202); text-decoration: none;">两次),看看有什么变化! 
  • 恭喜!你刚刚成功运行并修改了你的第一个 React Native 应用。
6、React Native 相关连接:

http://wiki.jikexueyuan.com/project/react-native/getting-started.html

http://facebook.github.io/react-native/

http://www.csdn.net/article/1970-01-01/2823790

http://zhuanlan.zhihu.com/FrontendMagazine/19996445

http://www.zhihu.com/question/27852694

0 0
原创粉丝点击