用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