【快速学习月薪20K技术】之 - 让我们来搞一个React Native项目吧

在上一篇文章，我讲解了如何搭建React Native的的环境，相信聪明的你们一定已经学会并已经搭建好了环境，那么这一篇，我们就趁热打铁，一起来搞一个我们自己的React Native 项目吧！（我这里只讲如何做iOSapp，如果需要同时做安卓app，需要搭建安卓配套环境，请转步【技术贴】之-mac下安装Android Studio）

项目的运行环境

xcode 7 以上

执行命令，生成一个工程

我们要创建一个React Native项目，是需要在终端中完成的，首先打开终端，cd到我们想要放工程的目录后，执行下面的命令： react-native init + 项目名称 (项目名称不能以数字或下划线开头，只能以字母开头，这点大家要注意)

由于众所周知的网络原因，那我们当然需要等一段时间去喝个酒啊，吃个烤串啊什么的，这样回来以后我们的项目就基本创建好了，当然也有方法可以将npm的仓库源替换为国内镜像，比如：

npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist

但是还是比较慢（哈哈） 

吃完烧烤喝完酒以后回来你就会发现我们的项目已经创建好了

创建项目成功效果

进入到我们的工程文件夹会出现下面的样子

node_modules文件夹

android项目文件夹

iOS项目文件夹

里面会同时生成一个iOS的项目和一个android的项目，还有一个文件夹node_modules是不可缺少的，里面是存放的是react和react-native的所有组件。

下面我们就以iOS端为例子，我们用xcode来运行iOS的项目（我这里用的xcode版本是7.3.1 其他版本你们自行运行）点击xcode运行按钮后，系统会自动调用React-Native的服务器终端，就是会弹出一个终端页面如下图

项目运行时自动调用的react-native服务器

这个终端在运行项目的时候是不能够关闭的，关闭了它，项目是没法运行的，所以我们最小化它不去管它，然后苹果模拟器上是这个样子

模拟器显示效果

如果你的也是显示的这样的，那恭喜你，你已经成功的步入了月薪20k的大门，下一篇，我就要开始讲解如何写React Native项目了！