美文网首页
在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