最近末尾片面运用React技术栈开发，耳听得团队不久的未来有方案运用React Native开发app，刻不容缓来尝试一波，首先搭建好开发环境并跑起来我们顺序界的经典顺序，时期也有一些坑，在这里记载分享给大家。
索引
安装包管理工具
本人运用的是Mac环境，所以以Mac为例，关于Windows，其实差别不大。
安装Homebrew
Homebrew是为Mac OS量身定制的一款集成包管理工具，我们运用它很方便的安装Node.js及切换Node.js版本。
/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
安装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，配置如下图红框中的命令行工具项：
初始化项目及处置运转异常
接上去可以运用脚手架初始化一个示例顺序了：
// 初始化一个hello项目
react-native init hello
cd hello
进入项目根目录后，运用 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
https://github.com/facebook/react-native/issues/14447
处置方案有两种，假设不追求新版本新特性，可以降低创立项目的版本，运用 --version 指令明白设置项目版本：
react-native init MyApp --version 0.44.3
交流资源文件方案
依然希望运用新版本的处置方案则是手动下载相关文件交流：
下载如下四个相关文件放到项目根目录下的 .rncache 目录下，停止交流：
下载地址： https://pan.百度.com/s/1kV5iVzD.
下载后交流：
cd ~/.rncache
cp ~/Downloads/boost_1_63_0.tar.gz ~/.rncache/
依次运用 cp 指令复制交流四个文件;
然后删除第三方库文件，在 node_modules/react-native/third-party/ 目录下：
rm -r project/node_modules/react-native/third-part
再次执行启动顺序：
react-native run-ios
发现可以正常运转了，接上去我们可以在编辑器里编辑我们的项目了，如我们的react-native入口js文件– index.ios.js 文件，刷新即可看到变更。
其他工具
Nuclide
Nuclide是由Facebook提供的一款基于atom编辑器的集成开发环境，可用于编写、 运转 和 调试 React Native运用。
【编辑引荐】
Vue vs React: Javascript框架之战
【翻译】基于 Create React App路由4.0的异步组件加载（Code Splitting）
移动态态化方案在蜂鸟的架构演进（含React Native与Weex比照）
想知道如何写出美丽的React组件吗？
React全家桶与前端单元测试艺术
(责任编辑：admin)