React-Native入门指南--环境配置

前端之家收集整理的这篇文章主要介绍了React-Native入门指南--环境配置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

环境配置

  • 1、OS X – 现在这个仓库只包含 iOS 实现,且 Xcode 只能在 Mac 上运行。
  • 2、在Mac上安装Xcode,建议Xcode 6.3以上版本
  • 3、安装 node,watchman,flow 的推荐方法 Homebrew
  • 4、brew install node。不知道 node 和 npm
  • 5、brew install --HEAD watchman。brew install watchman,我们建议安装 watchman,否则你可能会遇到一个有bug的node文件
  • 6、brew install flow。如果你想使用 flow

项目创建

打开终端,开始React-Native开发的旅程吧。

    1. 安装命令行工具:sudo npm install -g react-native-cli
  • 2.创建一个空项目:react-native init HelloWorld
  • 3.找到创建的HelloWorld项目,双击HelloWorld.xcodeproj即可在xcode中打开项目。xcodeproj是xcode的项目文件
  • 4.在xcode中,使用快捷键cmd + R即可启动项目。

参考:http://www.cnblogs.com/vczero/p/react-native.html

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

目前只是要模拟器中调试OK,真机还没成功。

真机调试只要将localhost换成自己的ip,ifconfig查看。

如果关闭了想在手机上运行就需要在电脑上运行React,具体方法如下:

找到项目所在根目录下执行 npm install
再执行 npm start

aideMacBook-Pro:~ ainadi$ cd /Users/ainadi/RHelloWord2/
aideMacBook-Pro:RHelloWord2 ainadi$ npm install
aideMacBook-Pro:RHelloWord2 ainadi$ npm start

猜你在找的React相关文章