专栏首页MixLab科技+设计实验室​用expo,从0到1 轻松学react native

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

题图由 小程序 ACELAND 人工智能制作

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

回想我刚接触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

本文分享自微信公众号 - 科技Mix设计Lab(Design-AI-Lab),作者:shadow

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-08-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 数据驱动型的设计02

    本系列从数据结构相关的计算机知识出发,从数据的角度提出一些数据驱动的设计思维模式。

    mixlab
  • 设计师编程指南之Sketch插件开发 7 GUI

    往期文章索引: 1 / 入门基本概念、page的相关操作 2 / artboard 、NSFileManager 和 NSString 关于文件及文件夹的相关操...

    mixlab
  • 用word2vec解读延禧攻略人物关系

    本文结合最近热播的电视剧《延禧攻略》,对其人物的关系在数据上进行解读。通过从网上收集相关的小说、剧本、人物介绍等,经过word2vec深度学习模型的训练,构建人...

    mixlab
  • 深入小程序系列(三) ReactNative和小程序混编

    本文我们将开一下脑洞,在 ReactNative 工程基础上下集成及运行小程序方案。

    凡泰极客
  • 【谷歌重拳开放Cloud TPU】GPU最强对手上线,Jeff Dean十条推文全解读

    编辑:闻菲、佩琦、张乾 【新智元导读】谷歌又放大招:刚刚,Jeff Dean连发十条Twitter,介绍最新发布的测试版Cloud TPU,目前在美国地区开放,...

    新智元
  • Spring Cloud构建微服务架构:服务消费(Feign)【Dalston版】

    前言通过前两篇《Spring Cloud构建微服务架构:服务消费(基础)》和《Spring Cloud构建微服务架构:服务消费(Ribbon)》,我们已经学会了...

    程序猿DD
  • 如何在云开发静态托管中部署Docsify

    云开发:云开发(CloudBase)是一款云端一体化的产品方案 ,采用 serverless 架构,免环境搭建等运维事务 ,支持一云多端,助力快速构建小程序、W...

    腾讯云开发TCB
  • 将PB级数据传输到云端的四个步骤

    如今,各种组织正在越来越多地使用公共云基础设施,但是人们发现将数百TB或PB数据向云端的迁移比想像得更复杂,更具破坏性,并且不具备灵活性。 ? 云存储的商业价...

    静一
  • 微服务之基础知识

    微服务是系统架构上的一种设计风格, 它的主旨是将一个原本独立的系统拆分成多个小型服务,这些小型服务都在各自独立的进程中运行,服务之间通过基于HTTP的RESTf...

    Jacob丶
  • 什么是Spring Cloud项目,我把它讲清楚了

    最近几年微服务很火,大家都在建设微服务,仿佛不谈点微服务相关的技术,都显得不是那么主流了。

    润森

扫码关注云+社区

领取腾讯云代金券