《React Native从急诊到重症监护》-- React Native for mac 环境配置

这段时间移动前端开发有两个技术很火，一个就是HTML5，一个就是React Native，这两个非要说谁好谁差，这个我认识浅薄不太好说，刚刚接触，还在学习的过程中。好与坏很多大神已经发表了自己的意见，对于这个不再赘述。
搭建Mac的环境比较简单，想要更深入的了解，可以登陆官网去查看相关的信息。
官方网址：
http://http://facebook.github.io/react-native/docs/getting-started.html

1. Mac OS X的要求10.7以上，现在很多Mac的用户都在用10.11了吧，这一点不用担心，如果不满足要求就打开App store更新一下就好了。

2. 个人是iOS开发者，电脑上装备有Xcode，环境依赖部分Xcode的组建，有到使用Xcode一些组件。
   以上是不是重点，可有可无的。

   • 首先打开终端，
     在终端输入如下的内容：

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

过一会儿，提示敲”return”继续，敲其他按键退出安装，敲“return”继续；
之后需要输入超级用户密码，输入即可。
出现下图安装成功：

• Homebrew安装成功后，接着安装Node.js，其实两者可以同时进行：
  登陆官网：https://nodejs.org，安装最稳定的版本。
  
  下载完成之后，直接安装即可。

• 安装NVM：
  在终端继续输入：
  如需要获取最新的版本，可以先去http://www.nvmexpress.org/ 看看情况

curl -o- https://raw.githubsercontent.com/creationix/nvm/v0.29.0/install.sh | bash 
或者
wget -qo- https://raw.githubsercontent.com/nvm/v0.29.0/install.sh | bash

稍等一会儿，这里取决于你的网络，网络慢的请耐心等待；
如初现一下字眼，则需特殊处理：

export NVM_DIR="/Users/你的用户名/.nvm"
[-s "$NVM_DIR/nvm.sh"] && . "$NVM_DIR/nvm.sh" # This loads nvm
=>Close and reopen your terminal to start using nvm.
-------------------------我是美丽的分界线-------------------------------
这里就需要把第一句和第二句编辑进.bash_profile里面。
输入：
vi .bash_profile
进到里面输入"i"，进入编辑模式，把刚刚说的那两句，粘贴进去。然后按"Esc"键输入"wq"，然后"return"。("q",出去；"wq",保存并退出；"Q"，强制退出)
退出后，关闭一个终端，再重新打开:
输入：
echo $NVM_DIR 
如提示：/Users/你的用户名/.nvm
说明修正成功，安装成功。
-------------------------我是美丽的分界线-------------------------------
不出现以上字眼或仅出现:
=>Close and reopen your terminal to start using nvm.
关闭再打开终端，
可进行下一步。

• 运行一下nvm的指令设置一下:

nvm install node && nvm alias default node

• 安装flow软件包:

输入
sudo chown -R $USER /usr/local/lib
提示输入密码
输入超级用户密码
-------------------------我是美丽的分界线-------------------------------
 然后输入：
 sudo chown -R $USER /usr/local
 提示输入密码
 输入超级用户密码
-------------------------我是美丽的分界线-------------------------------
完成上面两步，就可以安装flow了
输入：
brew install watchman

完成后输入：
brew install flow

• 安装React Native

 以上都是准备工作，现在在终端输入:
 sudo npm install -g react-native-cli

• 以上是React Native环境的配置；
• 相关的指令操作可以使用”npm list -g”具体查看;
• 通常使用”npm install -g ……”来下载依赖的包，类似于”pod install”的用法；
• 使用”npm uninstall -g ……”删除已经下载的依赖包

代码编辑工具推荐：sublime text 3，如果觉得太贵，你可以………在大天朝你懂的。
sublime text 3 下载回来之后，请禁用”JSFormat”插件。
关于sublime text 3的”package Control”的功能：
“package Control”安装方法，登陆：https://packagecontrol.io/installation#st3
需要在控制台输入代码：
sublime text 3：
import urllib.request,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442’ + ‘8bc59f460fa1548d1514676163dafc88’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)

sublime text 2:
import urllib2,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442’ + ‘8bc59f460fa1548d1514676163dafc88’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb’ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation’)

在sublime text 3中”control”+”`”呼出控制台，根据版本，粘贴相关的python代码，然后回车，接着重启sublime text 3。

重启，”command”+”shift”+”p”打开功能选择面板，输入”package Control: Install package” , 然后敲”return”（如果面板消失了，就重新打开）。
在面板上输入”babel”，在下拉的选项栏中选中”babel Snippets”，”return”安装。（在sublime text 3 的左下角的状态栏里有下载和安装的进度）。
到此，基本的环境和编译工具就搭建完成了。