最近想要学习一下react-native,那么首先就是环境搭建啦,不得不说,确实是一件痛苦的事情,痛苦之后收获的就是小惊喜啦。
- 初始化项目
确保安装了node,npm/yarn(这些在之前的文章中有安装过程)
npm install -g react-native-cli
- 安装jdk
参考这篇文章 - 安装android studio
安装参考教程
以上教程会在自己安装时出现以下问题
1 如果你缺少intel® Hardware Accelerated Execution Manager
点击此处,这里会告诉你一些方法
2.设置相关完成后,打开android studio会显示如下界面
2018-08-08 13-03-16 的屏幕截图.png
3 Enable VT-x in your BIOS security settings
设置自己的bios,Security --Virtualization --Intel Virtualization Technology ,设置为Enabled,如此就可以运行虚拟设备了
- 没有 libtoolize
sudo apt-get install aptitude
sudo aptitude install libtool
5.运行
react-native run-android
可能会出现如下错误
2018-08-08 08-18-56 的屏幕截图.png
我的错误原因是端口被占用
查看占用8081的端口
sudo lsof -i :8081
如:
2018-08-08 13-09-03 的屏幕截图.png
找到PID
kill 10245
在执行
react-native run-android
2018-08-08 10-39-33 的屏幕截图.png
看到上面的界面是不是超级开心呢,嘿嘿,但是中间的过程确实难过。
ps:安装的时候要翻墙翻墙!!!!
记得安装watchman
防坑教程
-
整个安装完成后,修改一下App.js
2018-08-08 11-21-28 的屏幕截图.png
啦啦啦,react-native,感兴趣的朋友可以一起学习哟哟哟呀。
网友评论