比来开端周全应用React技巧栈开辟，耳听得团队不久的将来竽暌剐筹划应用React Native开辟app，迫在眉睫来测验测验一波，起首搭建好开辟情况并跑起来咱们法度榜样界的经典法度榜样，时代也有一些坑，在这里记录分享给大年夜家。

索引

安装担保理对象

本人应用的是Mac情况，所以以Mac为例，对于Windows，其实差别不大年夜。

安装Homebrew

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

注：在Max OS X 10.x版本中应用Homebrew安装软件时可能会产生 /usr/local 目次弗成写的权限问题，此时可以应用如下敕令修复：

sudo chown -R `whoami` /usr/local 

Homebrew是为Mac OS量身定制的一款集成担保理对象，我们应用它很便利的安装Node.js及切换Node.js版本。

安装Node.js

接下来应用Homebrew安装Node.js，Windows情况可以直接去官网下载安装 Node.js ：

brew install node 

如不雅安装下载速度过慢，可以设置应用国内淘宝供给的镜像：

npm config set registry https://registry.npm.taobao.org --global  
npm config set disturl https://npm.taobao.org/dist --global 

安装担保理

我们可以自由选择直接应用NPM或者别的安装Yarn担保理对象，对于NPM的应用信赖大年夜家都已经很熟悉了，我们这里以Yarn为例：

Yarn 是Facebook供给的替代npm的对象，可以加快node模块的下载。

依然须要应用NPM安装Yarn包：

npm install -g yarn 

随后我们就可以应用 yarn add 代替 npm install --save 了。

安装react-native-cli脚手架

React Native官方供给了一键生成项目初始构造的脚手架，初学者或体验者可以直接安装应用：

npm install -g react-native-cli 

安装设置编辑器

Mac我们应用Xcode开辟iOS APP，安卓开辟可以应用Eclipse等，别的须要对Xcode编辑器进内行单设备以支撑react native：

依次点击打开Xcode编辑器的Menu-》Preferences-》Locations，设备如下图红框中的敕令行对象项：

react-native run-ios 

初始化项目及解决运行异常

接下来可以应用脚手架初始化一个示例法度榜样了：

// 初始化一个hello项目 
react-native init hello 
cd hello 

然后删除第三方库文件，在 node_modules/react-native/third-party/ 目次下：

进入项目根目次后，应用 run-ios 指令启动该iOS APP：

react-native run-ios 

对于版本高于0.45的创建项目，也许你会看到如下缺点：

Error:   
Build failed: 
Unpacking /Users/zjy/.rncache/boost_1_63_0.tar.gz...  
Print: Entry, ":CFBundleIdentifier", Does Not Exist 

降级版本筹划

本人经由多方查找，发明是创建项面前目今载安装node依附模块时的资本缺掉问题，今朝最新的0.45及以上版本须要下载boost库，该库过大年夜，导致下载出问题，参考:

https://github.com/facebook/react-native/issues/14368

解决筹划有两种，如不雅不寻求新版本新特点，可以降低创建项目标版本，应用 --version 指令明白设置项目版本：

https://github.com/facebook/react-native/issues/14447

react-native init MyApp --version 0.44.3 

调换资本文件筹划