混合开发的大趋势之一React Native（环境搭建）

转载请注明出处：王亟亟的大牛之路

家里的鲨鲨皮肤病隔离了，被制裁希望快点好

按照国际惯例先安利，最近每天更新10+个库，效率还行：https://github.com/ddwhan0123/Useful-Open-Source-Android

这几天没啥大事闲着就各种学习+打酱油（你们的大腿呢？快给我报）

正好之前看了些“RN”（后面都会这么称呼，省事）的文档，然后就把环境搭了搭跑了跑，遇到一些坑，这里分享给大家。

在说这些事之前，先得告诉大家，你得有一个 MAC ，如果是 WIN的小伙，我回家有时间的话用台式机再搭一次，这一篇是我MAC本子配的教程，OK废话不多走起

首先需要安装包管理插件Homebrew

你要在终端全装这个插件，流程如下

1.点击Launchpad

2.打开其他

3.打开终端

4.复制以下内容到终端然后按回车，内容如下

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

装完后可以再按按出现It appears Homebrew is already installed.那就是装完了

他们家的官网在这：http://brew.sh/index_zh-cn.html（有中文版哦）

如果你下载的版本比较低，可以输入：brew update，如果有内容变化就可以看到如下内容

然后就是安装2个监测的插件 watchman 和 flow

brew install watchman
brew install flow

装完后如下：

再接下来就是安装Node.js 比较推荐自己下载下来，终端下真是慢。。

地址：https://nodejs.org/dist/v4.4.7/ 我下的是node-v4.4.7.pkg ，下完你就当正常 APP装就行了。

如果不想自己下的可以通过 Homebrew 安装nvm 这是一个Node Version Manager

brew install nvm

装完弄完后看看版本

装好node npm就有了，不用单独装

什么是npm?
看传送门：https://docs.npmjs.com/getting-started/what-is-npm

再接下来你就可以装 RN啦！也是终端操作

输入npm install -g react-native-cli

然后有有些小伙会碰到授权问题

那就这么办

sudo npm install -g react-native

然后就终端等着说装完就完事了！！！

然后就建一个项目，还是终端

react-native init WjjPro

在我们的安装目录下就有了个这样的项目（这个时间超级长还可能有墙的问题，这个没办法了只有翻墙或者用淘宝的镜像）

建完之后出现以下目录和内容

运行WjjPro.xcodeproj就会自动跳转XCode

就长成这样

然后选择自己想用的测试虚拟机（左上方）

按 command+R

这样就 OK了，接下来就是敲代码了！！！

这东西要装一堆小插件，东西不大但是容易404，我也是尴尬。。。

各位，带我啊！！我待业啊！！！

友情链接：
https://github.com/npm/npm/issues/8165

https://github.com/npm/npm/issues/2049

https://facebook.github.io/react-native/