react-native 踩坑纪实(1)- 安装环境

因为使用expo各种出问题,本人已经放弃使用expo进行开发了。还是使用完整的原声环境进行开发。


一、安装环境

开发rn得装个nodejs,我机器有,这一步就免了。然后打开rn的官网

https://facebook.github.io/react-native/docs/getting-started.html

瞄了一下,官网的get start使用的是expo 来进行开发,这个东西我体会了一下就是能快速进入开发状态。不用装android-studio,手机装一个Expo客户端就直接能用,省了不少时间,还支持HMR,挺方便的。

手机环境安装

苹果手机直接在appstroe搜expo client,安卓因为被墙的原因,直接在官网点击下载吧。

pc环境安装

按照步骤一步一步来

首先安装Expo CLI,在cmd下执行

npm install -g expo-cli

完成用expo创建一个新项目

expo init my-app

然后会让选择一个模板,blank是个空模板,tabs模板会有一些预制的组件。因为我后边要使用ant-mobile-rn组件,所以我选择了blank

如果出现Unexpected end of data : blank-31.0.1.tar 可以将用户目录下C:\Users\XXXX\.expo\starter-app-cache的.blank-31.0.1.tar.gz文件删除,重新执行expo init。

安装完成后继续数据如下命令:

cd my-app
npm start

控制台出现下图这个样子就是成功的了,同时会弹出一个网页,现在我还用不到,就关掉了。

这个时候我掏出手机,用事先下好的客户端扫码进入。

第一次进入比较慢,服务端有个编译的过程(控制台会有进度条显示)。嗯,有客户端访问,才会有编译的,别问我怎么知道的。没进去完成之前,客户端是这个样子的。

完成以后自动变成这样了。

这样开发环境就算是准备好了,接下来准备安装第三方控件进行app开发

发布了18 篇原创文章 · 获赞 5 · 访问量 3488

猜你喜欢

转载自blog.csdn.net/didixp/article/details/83855763