搭建ReactNative开发环境---mac

搭建开发环境

1 Xcode 7.1+

Homebrew 是 Mac 中的一个包管理器。没有安装的话

2 安装Homebrewhttp://brew.sh/index_zh-cn.html

终端输入:ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"

s

2 通过nvm安装 Node.js

brew install node

3安装watchman(React修改source文件的一个工具)和flow(一个JavaScript 的静态类型检查器)

这两个包分别是监控文件变化和类型检查的。安装如下：

brew install watchman

brew install flow

4 安装 React-Native

通过npm安装即可：

npm install -g react-native-cli

5 创建一个项目

注意：init命令默认会创建最新的版本，而目前最新的0.45及以上版本需要下载boost库编译。此库体积庞大，在国内即便翻墙也很难下载成功，导致很多人无法正常运行iOS项目，推荐暂时使用0.44.3的版本。

提示：你可以使用--version参数（注意是两个杠）创建指定版本的项目。例如react-native init HelloWorld --version 0.44.3。注意版本号必须精确到两个小数点。

iOS

还是非常简单，XCode 打开项目，点击运行就好。修改 index.ios.js, 在模拟器中 ⌘ + R 重新载入 js 即可看到相应的变化。

iOS 真机调试也简单，修改HTTP地址即可。

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];

运行效果

React-Native服务在编写过程中要一直开着，如图：

如果不小心把它关了，没关系，可以在终端输入：

npm start

来重新开启服务。

参考资料

iOS准备工作:http://www.cnblogs.com/jianglan/p/5027315.html

React Native官网:http://reactnative.cn/docs/0.24/getting-started.html#content

安装遇到的问题:

1 解压缩失败:

tar.unpackuntar error /Users/terrylmay/.npm/react-native-cli/0.1.3/package.tgz即解压失败:http://blog.csdn.net/maylorchao/article/details/45439169

2 提示"command not found:npm"

解决方案:

1：删除  ： /usr/local/lib/node_modules/下的所有包。  （mac和ubuntu的路径都是此处）。

2:  重新安装npm :

curl -Lhttp://npmjs.org/install.sh| sudo sh

3:  第二部以后就已经可以了，剩下的就是把自己需要的包都装上就Ok了。

sudo npm install bower node-gyp pomelo express pomelo-cli   node-inspector     --registryhttps://registry.npm.taobao.org-g

（此为我自己需要的包）

4:另外也建议装下：node-gyp包。之前因为这个包，在ubuntu和mac遇到好多错误。

r/bin/rub

y -e "$(curl -fsSL