美文网首页
ubuntu 搭建 reactive native 开发环境

ubuntu 搭建 reactive native 开发环境

作者: lipeiyan | 来源:发表于2016-09-24 16:47 被阅读86次

    先声明一下,reactive native开发安卓,请先配置java环境和androidSDK环境变量###

    无论搭建什么开发环境,官网无疑时最好的参考资料
    https://facebook.github.io/react-native/
    也可以参考中文网站
    http://reactnative.cn/
    步骤基本一样,但是更新没那么及时
    点击Get Started with Reactive Native
    进入引导页
    http://facebook.github.io/react-native/docs/getting-started.html#content
    首先由于要使用 npm,所以先安装 npm
    在linux中使用命令行是很方便的

    sudo apt-get install -y build-essential
    curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
    sudo apt-get install -y nodejs
    sudo ln -s /usr/bin/nodejs /usr/bin/node
    

    然后使用npm安装 React Native命令行工具(react-native-cli)

    sudo npm install -g react-native-cli
    

    官网上并没有sudo ,这里时为了获得权限

    然后,facebook推荐安装watchman

    git clone https://github.com/facebook/watchman.git
    cd watchman
    git checkout v4.7.0 # the latest stable release
    sudo apt-get install -y autoconf automake build-essential python-dev
    ./autogen.sh
    ./configure
    make
    sudo make install
    

    然后使用react-native命令,用usb线链接上手机

    react-native init AwesomeProject
    cd AwesomeProject
    react-native run-android
    

    等一下手机上就安装上了reactive-native的apk
    然后长按多任务键,进入Dev Settings,设置Debug Server Host为电脑的ip和端口为8081
    如果还无法连接到服务器,
    那就手动开启

    react-native start
    

    长按多任务键,Reload 就可以按到welcome to reactive native !就算大功告成了

    总结一下,官网上面的引导教程还是有些坑的,可能facebook的开发人员觉得我们和他们一样牛逼,哈哈,我也是踩了坑,所以想总结一下,免得别人再入坑,毕竟,为了搭建环境浪费太多的时间不值得

    相关文章

      网友评论

          本文标题:ubuntu 搭建 reactive native 开发环境

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