react native开发基础配置篇

react-native 配置

本文以react native 0.57.4版本说明

项目构建

依赖安装

必须安装的依赖有：Node、Watchman 和 React Native 命令行工具以及 Xcode，当然Android不需要Xocde编译项目，iOS 应用必须安装 Xcode 来获得编译所需的工具和环境。
官方推荐使用Homebrew进行安装 Node 和 Watchman。在命令行中执行下列命令安装：
brew install node
brew install watchman

nodejs：v8.3以上版本
nodejs安装以后我们可以注册淘宝镜像以便加速安装依赖速度
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager 可以快速捕捉文件的变化从而实现实时刷新）。

Yarn、React Native 的命令行工具（react-native-cli）

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载以及React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli
安装完 yarn 后同理也要设置镜像源：
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn add代替npm install命令安装第三方依赖。
项目依赖安装完成以后就可以初始化项目，进行开发RN项目了

初始化一个项目

我们可以使用react native脚手架帮我们构建一个项目，
命令：react-native init FirstRNDemo，项目构建完成后，通过react-native run-ios（run-android）启动项目。当然在项目运行时需要进行build这个需要一点点时间，耐心等候，编译出错的话，可以重新build一下，一般就OK了。还有问题可以求助react native论坛
**备注：**android需要安装最新的sdk，这个步骤可以参考官网

调试设备

Android模拟器：genymotion、夜神模拟器。最好还是用自己手机调试吧
Ios模拟器：系统自带的就行

ios模拟器安装APP

可以参考这篇文章：https://blog.csdn.net/huayu_huayu/article/details/79094298
然后就可以happy的开发RN项目了。