React Native——安装(Setup)

前端之家收集整理的这篇文章主要介绍了React Native——安装(Setup)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

配置

  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
  4. Android环境

    • JDK
    • Andorid SDK
    • 在.bashrc或者.zshrc中添加
      export export ANDROID_HOME=sdk路径

第一个示例

$ npm install -g react-native-cli
$ react-native init AwesomeProject
$ cd AwesomeProject/
$ react-native run-android

异常说明:

  • 例子使用Android API 23,BuildTool 23.0.1,需要先下载这两个版本
  • 示例应用会在电脑端启动一个server,客户端连接server,如果使用模拟器可以直接运行,如果使用真机提示Unable to download JS bundle,需要对真机进行配置

真机调试配置

  • 通过USB调试
    adb reverse tcp:8081 tcp:8081
  • 通过wifi
    摇手机出现menu菜单,选择Dev Settings -> Debug server host for device,输入电脑端的ip,重新启动应用

运行结果

猜你在找的React相关文章