跟我一起学React Native之环境搭建

这篇文章是“跟我一起学react-native”系列文章的第一篇。这系列文章会持续更新。想要跟我一起学习React Native的朋友可以关注我的微信公众号iOS进阶指南，或者订阅我的个人博客。

背景

最近想要做一款新闻类的App，主要特点是把新闻事件按照时间线整理出来方便跟踪事情的发展。

作为一个雷（xia）厉（bi）风（dao）行（gu）的程序员肯定说干就干。

俗话说不想火的应用不是好App，想要更多的用户肯定不能只局限于一个平台，那就要让这个应用同时登陆安卓和iOS两个平台。但是我作为一个万年iOSer，现在从头开始学安卓恐怕有点不赶趟了。

根据当前敌我态势和恶劣的环境，跨平台开发成为了最优选择。

那怎么样达到跨平台开发的目的呢？根据百度爸爸的指导和以往的所见所闻，就要在阿里的weex和Facebook的react-native中二选一了。

从这篇文章的标题来看，大家肯定知道要选rn，其实最开始我选的是weex，奈何经过三四天的奋战和四处求教，我实在是没有搞定环境，在这里不得不说weex的官方文档真的可以称为简陋，当然我可能是因为我前几天手贱把Mac的系统升级到了Mojave。

在不得不放弃weex以后，只能RN能给点面子。多亏上天眷顾，环境稍微折腾了一下就搞定了。

环境搭建

1. 安装Node和Watchman

   brew install node
   brew install watchman
   

   其中，node需要是8或者更新的版本。Watchman是Facebook用来监视文件系统更改的工具，RN强烈建议使用。

2. 安装React Native command line interface.

   npm install -g react-native-cli
   

3. 创建项目

   react-native init rn-test
   

4. 运行项目

   cd rn-test
   react-native run-ios
   

   项目默认会在iPhone 6的模拟器上运行。
   
   

   

   iPhone 6 Screenshot
   
   
   至此，环境搭建完成，这个过程中如遇到问题可以参考遇到的问题和解决方案

如果这篇文章能为你提供些许的帮助，我将不胜荣幸。如果你能慷慨的点个赞或者关注我，我将万分感激。