React Native,安装以及运行。

配置

  1. OSX 目前只支持OSX
  2. 安装Homebrew
    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  3. 安装Node.js

    • 安装nvm
      brew install nvm
      mkdir ~/.nvm
      .bashrc或者.zshrc里添加
      export NVM_DIR=~/.nvm
      source $(brew --prefix nvm)/nvm.sh
    • 安装node.js
      nvm install node && nvm alias default node
    • 安装watchman
      brew install watchman

快速上路

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

AwesomeProject/目录中执行如下操作:

  • 打开AwesomeProkect.xcodeproj,然在在Xcode中点击run运行
  • 用文本编辑器打开index.ios.js,编辑一些代码
  • 在iOS simulator中按cmd + R(twice)来重载APP,并且观察之前的改动

恭喜!您刚刚成功的运行并且编写了您第一个React Native应用。

备注

额外有一步操作在官方文档中没有体现,否则会运行失败。具体如下,两种方式任选一种:

打开项目中的AppDelegate.m

  • 方式一:找到这行代码:jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"],将localhost换成自己的ip
  • 方式二:
    • 注释掉方式一中的代码
    • 去掉jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];前面的注释。
    • run npm start
    • run curl http://localhost:8081/index.ios.bundle -o main.jsbundle 如果失败的话在后面加上--ipv4
    • 在XCode中,右击你的项目文件夹,点击New file,选择你生成的main.jsbundle
  • 推荐第一个方法比较简单。
  • 现在就可以在无无服务器的环境下运行你的app拉。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值