打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
​用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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
带你从零学ReactNative开发跨平台App开发(一)
React Native 项目整合 CodePush 完全指南
谈谈APP架构选型:React Native还是HBuilder
跨平台React构建:框架与工具推荐
React Native 你该了解的Hello World
react-native 开发小结
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服