第一课 环境搭建

一、这个实战项目是计划跨平台开发的，既要开发Android版本，也要开发IOS版本，所以：

1、需要Mac电脑，实在没有Mac电脑，可以通过VMware来安装Mac虚拟机，具体的方法网上搜一下（我个人经验：虚拟机的网络连接方式选桥接会快很多）。

2、搭建React Native开发环境，这个部分不会去详解，因为我们这是实战教程，大家可以通过React Native官方网站来详细了解，网上也后很多这个教程。

3、要求持之以恒，虽然我们这个项目不复杂，但是要想学好React Native技术，首先需要了解的东西很多，不可能一蹴而就，没有耐力的朋友可以不用看了。

4、必须要自己动手，网上其实有很多RN的教程，但是问什么很多人学完以后还是不能自己动手开发一个项目呢？我理解有两点原因：一是课程上讲的知识很基础，没有什么经验类东西，看了跟没看一样；二是你看了之后没有自己总结消化，更没有根据自己的想法去实战，如果你有什么好的想法，就可以动手去实战，遇到问题，一个一个解决，一两个项目下来，你就是大牛了。

---

二、需要用到的技术，先有个大概的了解：

1、服务端：Parse Server、Graphql

2、客户端：React Native、Redux、Graphql、Immutable.js、Redux-Persist、Redux-Saga和其他一些组件。

---

三、使用的工具

Baker：http://baker.thebakery.io/

---

四、正式开始

1、git clone https://github.com/thebakeryio/baker.git AdressBook
2、cd AdressBook&&yarn install&&yarn run setup
3、npm run ios或者npm run android

这些命令都不用解释了吧，这样一个基本的项目框架就出来了，包括前后端，后面再继续讲解，如果遇到":CFBundleIdentifier", Does Not Exist这个错误的话，进入AdressBook/app目录，执行react-native upgrade就可以了。

下面是我是用原型设计工作事先设计出来的大概样子。

登录页面

设置页面