​用expo，从0到1 轻松学react native

我们在学习一门语言或新入门一套框架时，往往会被繁琐的配置环境所困扰。

回想我刚接触rn的时候，用的是mac，配置环境，初始化一个rn项目，然后通过xcode打开，然后在模拟器运行，或者在手机真机调试，都经过了不断的调试，发现错误，查找文档，重新安装，调试，真的很烦。

如果我还想打包成Android，还要去配置Android的编译环境，装sdk，调试环境。

有可能就从入门到放弃了。。。

由于最近又要开始react native的开发，所以重新翻了下官方文档，发现rn已经迭代到46版本了，安装最新的版本，还需要额外的第三方编译库，还用上了yarn。

有没有一种办法可以躲过这些繁琐的入门障碍呢？

有的！

需要借助两个工具：

1. create-react-native-app

2. Expo

好处就是：

不用再去配置烦人的 iOS、Android 编译环境

可以用 Windows 开发 iOS 版的 RN 应用。

一、手机安装Expo

二、电脑安装 create-nreact-native-app

终端控制台：

$ npm install -g create-react-native-app

三、初始化一个rn项目

$ create-react-native-app ACERun
$ cd ACERun/
$ npm start

通过 npm start 启动动该应用后，会生成一个二维码。

接下来使用 Expo 扫描这个二维码就可以打开你编写的 RN 应用了。

并且只要在 Expo 中打开过一次，就会在 App 中保留一个入口。

Expo相当于一个壳，你只需关注js层面的开发即可。

这点类似于electron或者小程序。

我体验了下，

很简单，就3步，

即可开始react native跨平台移动端开发！

    参考资料：  

https://docs.expo.io/versions/latest/introduction/index.html

   近期热文推荐 ： 

---

本公众号定期更新关于

设计师、程序员发挥创意

互相融合的指南、作品。

主要技术栈：

nodejs、react native、electron

欢迎关注，转发～

欢迎长按二维码

关注本号