美文网首页
在ubuntu16.04搭建react-native

在ubuntu16.04搭建react-native

作者: QinRenMin | 来源:发表于2018-08-08 13:18 被阅读0次

最近想要学习一下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,如此就可以运行虚拟设备了

2018-08-08 08-13-39 的屏幕截图.png
  1. 没有 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,感兴趣的朋友可以一起学习哟哟哟呀。


相关文章

网友评论

      本文标题:在ubuntu16.04搭建react-native

      本文链接:https://www.haomeiwen.com/subject/olitbftx.html