@H_301_2@
环境配置@H_301_2@
需要安装的有:
Homebrew
Homebrew 是 Mac 中的一个包管理器。没有安装的话,点击 这里安装,我的版本如下:
mac-2:~ srain$ brew -v Homebrew 0.9.5 (git revision ac9a7; last commit 2015-09-21)
版本过低将会导致无法安装后续几个组件。可用 brew update 升级。
Node.js 和@H_301_2@npm
Node.js 需要 4.0 及其以上版本。安装好之后,npm 也有了。
nvm 是 Node.js 的版本管理器,可以轻松安装各个版本的 Node.js 版本。
安装 nvm 可以通过 Homebrew 安装:
brew install nvm
然后安装 Node.js:
nvm install node && nvm alias default node
也可以直接下载安装 Node.js: https://nodejs.org/en/download/
安装好之后,如下:
mac-2:react-native srain$ node -v v4.0.0 mac-2:react-native srain$ npm -v 2.14.2
安装 watchman 和 flow
这两个包分别是监控文件变化和类型检查的。安装如下:
brew install watchman brew install flow
安装 React-Native@H_301_2@
通过 npm安装即可:
npm install -g react-native-cli
在使用nom install -g react-native-cli 会出现说@H_301_2@
tar.unpack@H_301_2@untar error /Users/terrylmay/.npm/react-native-cli/0.1.3/package.tgz@H_301_2@即解压失败。这主要是由于npm文件夹操作是需要root权限的。所以在运行该命令之前加上sudo 即可。@H_301_2@@H_301_2@
App开发环境的设置@H_301_2@
iOS@H_301_2@
XCode 6.3 及其以上即可。@H_301_2@
@H_301_2@
@H_301_2@
Android开发环境@H_301_2@
需要:JDK,Android SDK,Node.js
1.安装JDK @H_301_2@
去 Java官网下载列表选择Mac OS X x64版
2.安装Android SDK@H_301_2@
brew install android-sdk
@H_301_2@
安装完成后,一定要设置环境变量:
进入用户主目录下
$cd@H_301_2@ ~
然后如果目录下不存在.bash_profile文件,则创建该文件
$touch@H_301_2@ .bash_profile
打开该文件
$open@H_301_2@ .bash_profile
export ANDROID_HOME=@H_301_2@/@H_301_2@usr/@H_301_2@local/@H_301_2@opt/@H_301_2@android-@H_301_2@sdk
$source@H_301_2@ .bash_profile
最后打开Android SDK Manager
$@H_301_2@android
自此,设置环境变量成功。
@H_301_2@
@H_301_2@
异常说明:
- 例子使用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+端口号,重新启动应用
运行结果