React Native——安装(Setup)

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

配置

    @H_301_4@OSX 目前只支持OSX @H_301_4@

    安装Homebrew
    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    @H_301_4@

    安装Node.js

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

    Android环境

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

第一个示例

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

异常说明:

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

真机调试配置

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

运行结果

猜你在找的React相关文章