Expo 入门宝典 一 （Quick Start）

Posted 2020-09-22

本人决心翻译Expo，为学习Rn(react native)的学习者提供帮助。传统上Rn开发，优势都在Mac Ios ，很少有用Windows andriod开发的，而2017年上线的Expo为我们广大windows做Rn开发提供了很大的便利条件。Rn开发也迎来了春天。

---

关于Rn的简单说明，目前市场上主流的两大移动端系统，Android 和 Ios，而开发这两个系统上的App,传统上，分为Ios开发和Android开发，这就有一个问题，一个公司要上线一款app，但是需要至少需要一个Ios开发，和一个Android开发，这就造成App成本的提升，而现在，如果我们用Rn做开发，我们只需要一套代码，开发出来的App，可以运行在Ios和Android上，这极大的提高了开发效率，也为公司开发产品降低了成本，所以Rn一推出，就收到了广大程序员朋友们的热捧，学习Rn，没有由于的时间，拿起键盘就是干！

---

好了，如果你准备搞Rn开发了，首先要恭喜你下，如果你看到我的文章，那么更要恭喜你，我们很有可能成为朋友，如果你准备高Rn开发了，那么还面临一个，那就是工欲善其事，必先利其器！我们搞Rn开发，用什么工具呢?

---

这里我给大家推荐一款，Expo，这款简直时入门的神器啊！大家可以百度详细了解，关于它的问题，欢迎加我微信jkxx123321 与我交流【备注博客加】同时也欢迎关注我的个人公众号：爱享黑马 与我保持联系！接下来，开始干活！

---

Expo 入门宝典 一 （Quick Start）

1.什么是Expo:

Expo是一组工具、库和服务，可以通过编写JavaScript来构建本地的ios和Android应用程序。

Expo Apps是包含了Expo SDK的react native Apps,SDK是一个native-and-js的库，它包提供对设备系统的访问功能，像照相机、联系人、本地存储和其他硬件）。这意味着你不需要使用Xcode或Android的环境，或写任何代码也使得你的pure-JS项目非常便携，因为它可以运行在任何自然环境包含Expo SDK。

 

Expo还提供UI组件来处理各种应用程序，几乎所有应用程序都将被覆盖，但它不会突破react native Core的核心代码，例如图标、模糊视图，等等。

 

最后，Expo SDK提供了访问服务，这些服务虽然很难管理，但几乎每个应用程序都需要它。其中最受欢迎的是：Expo可以为您管理您的资产，它可以为您处理推送通知，并且它可以构建准备部署到应用程序商店的本地二进制文件。

 

2.准备好开始了吗，let‘s go

 准备好的话就开始了，第一步安装环境，【这里不纯一点，如果对rn不熟悉的可以先看一下rn中文网】

http://reactnative.cn/docs/0.45/getting-started.html

　　安装环境的话，我们需要安装俩个环境，一个是针对桌面客户端的，另一个是针对手机客户端的。

　　电脑桌面客户端的叫：Expo XED 手机客户端的叫 Expo(也就相当于app)【大家自己去下载，我这里附图，附下载链接】

　　

　　下载链接地址：

https://docs.expo.io/versions/v17.0.0/introduction/installation.html

　　【补充一点：电脑需要准备Node.js 没有的去安装一下，下载一个包后，直接下一步下一步就可以了，安装完node测试成功与否的方法，命令台上输入 node -verson 打印一下你安装的版本】

3.你的环境安装好了吗?好了的话就打开试试吧

　　电脑客户端打开环境Expo XDE，首先会让你去注册一个属于你自己的账号(如图)

　　

　　注册好之后，登录成功，就会进入一个界面了，（如图）

　　

 

 　　创建属于你自己的项目(如图)

　　

　　创建成功，如图所示：

 

 　　点击你的项目，让它在你的环境下跑起来！

　　

 

 　　如图项目就跑起来了，接下来就要完善客户端了，也就是App端。

　　　　

　　这个不懂的自己查查资料吧，也可以问我！

　　【这里补充一下，大家需要下一个夜神模拟器，在模拟器上安装一个expo也就是你在手机上安装的那个，这样大家可以降低对网络环境的依赖，直接在模拟器上看到你代码运行的效果】这里附图一张：

　　　　　　　　　　　　　　

 

　　这是我个人调用微博开发者平台的接口Api，做的自己微博客户端，简单的功能有：【对任意博文的评论，发表自己的博文，转发一篇博文】这个设计到的技术不多，如果想要源码，可以直接找我，也可以上github上去，我已经上传上去。

　　接下来来几张功能图：（...不得瑟了）

　　在最后好像忘了告诉你们用什么环境了，也就是写代码的环境，个人用的是vs  code 2017 ，人们以前用Atom的也比较多，其实这个到时无所谓，你用记事本也都行，无非就是一个写代码的工具而已，建议编辑器用微软家的，特别好用啊！

---

 

http://www.cnblogs.com/gdsblog/p/6992410.html

 

转载请注明出处【郭东生blog】：http://www.cnblogs.com/gdsblog/p/6992410.html 如有不足，请各位斧正！