react-native移动app开发指南（二）构建第一个react-native项目

一，构建react-native项目

本文使用的是create-react-native-app 和 expo 工具来新建打包react-native项目，这两个工具的结合使用突破了操作系统的限制，使我们能够不安装安卓和ios的编译环境就能够进行rn应用的开发。

首先，我们在终端进入放置项目的目录执行以下命令

create-react-native-app 项目名称

经过一段漫长时间的项目初始化，出现如下信息就说明项目初始化成功了，

按照指示用执行如下命令：

cd my_demo && yarn start

当出现一个巨大的二维码时就说明运行项目成功了，这时候就可以进行运行调试了，

打开手机的里的expo软件，扫描这个二维码或者把URL复制到expo里，也能够执行该项目，要确保手机和电脑处于同一WiFi网络下，否则会报错。

第二种运行rn的方式是使用expo电脑客户端，要确保手机端和电脑端的expo使用的是同一账号登录，当电脑端expo运行项目的时候，会自动显示在手机端expo首页。

打开该软件，选择my projects下的刚创建的项目my_demo

出现如下界面就已经运行成功了

接下来，打开手机expo软件点击点击选择运行的项目，坐等代码加载，如下图则项目运行成功。

用编译器打开项目，修改入口文件app.js的内容，摇晃手机开启hot reload即热重载，可以看到刚修改的内容。