美文网首页
【Toki从零学ReactNative】配置环境

【Toki从零学ReactNative】配置环境

作者: TokiHunter | 来源:发表于2017-12-31 20:28 被阅读7次

    前言

    配置RN环境的教程网上有很多,我也来凑凑热闹,写一下自己配环境的过程。


    安装homebrew

    这个工具,mac应该都是自带的,没有的话可以去Homebrew官网看看安装教程。

    下面是安装命令

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    

    安装Node

    这么流行的东西,官方维护团队都很上心的,直接去Node.js官网找下载就好了,顺风顺水。
    具体安装方式以后专门写一个文章来介绍吧。

    安装react-native

    首先要安装react-native-cli,看名字就知道这个工具是用来做什么的。

    sudo npm install -g react-native-cli
    

    安装watchman

    watchman是脸书自己搞的文件监视器,推荐安装,虽然还不清楚具体怎么玩。

    brew install watchman
    

    试运行

    em...理论上安装过程不会出现任何异常,至少我没遇到过。
    该装的装好了,就可以玩耍了。
    首先找一个你喜欢的目录,我比较喜欢RNProjects,在这里执行

    react-native init TKRNDemo //TKRNDemo是项目名字,你可以用你喜欢的名字
    

    创建成功后,就可以开始编译了,进入到TKRNDemo文件夹,执行

    react-native run-ios
    

    ...
    不过我在这一步遇到了阻力

    XXX
    Failed to connect to github-production-release-asset-2e65be.s3.amazonaws.com
    XXX
    

    猜测是由于本地bundle没有编译出来,所以要去服务器下载一个来用,不过服务器被墙了,即使改了host也下不下来这个玩意,所以就卡死了。

    然后我尝试用xcode编译.xcodeproj,然后就是漫长的等待.........等得我都放弃了,索性把mac扔一边玩游戏去了。
    没想到的是,睡前打开mac准备关机的时候,发现居然编译完了XD。

    编译成功一次后就可以在命令行用react-native启动了,妥球。


    后记

    配置环境总的来说很顺利,毕竟成功了。
    中间遇到的小问题,感觉不是什么大事,以后自己做一个下发服务器应该就能完美解决掉。

    很好很好,记下来就开始RN开发吧!!

    相关文章

      网友评论

          本文标题:【Toki从零学ReactNative】配置环境

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