React Native系列之-环境安装

    如果是想做IOS开发的话,那么必须是MAC系统,android的话貌似window也是可以的。下面的android步骤是在MAC上的。
    1.Homebrew安装
    Homebrew是MAC中的一个包管理器。没有安装的话,[下载安装地址](http://brew.sh/)
    安装好之后,终端输入brew -v,就可以看到版本号了,我这里的是:Homebrew 0.9.5 (git revision 1a0e; last commit 2015-10-05)
    2.Node.js和npm的安装
    Node.js需要4.0以上的版本,我们通过Homebrew来安装,终端输入 brew install nvm,如果出现
    ===>Summary
    /usr/local/Cellar/nvm/0.27.1: 6 files, 92K, built in 6 seconds 就是安装好了。
    然后安装node.js,终端输入 nvm install node && nvm alias default node,如果出现command not found,则是位置不对,如果找不见正确的位置,那么前往[下载](https://nodejs.org/en/download/)。
    下载好之后,终端输入node -v 和npm -v,会显示版本号,我这里是v4.1.1 和 v2.14.4
    3.安装watchman和flow
    这2个包分别是监控文件变化和类型检查的,终端输入
    brew install watchman
    brew install flow
    这次的时间是相当长啊,等啊等。。。
    4.安装React-Native
    终端输入npm install -g react-native-cli,如果报错的话在最前面+上sudo
    5.App开发环境设置
    export ANDROID_HOME="SDK路径";
    6.初始化一个项目
    react-native init 项目名称.
    这个时间的长度,我也就呵呵了,这个长啊。。。
    7.漫长的时间过去了,我们看下,生成的文件里有什么内容把。
    cd 项目名称 
    ls -l或者ls
    包含:
        android
        index.android.js
        index.ios.js
        ios
        node_modules
        package.json
    在ios上面你可以编辑index.ios.js来给这个应用做一些改变,然后在模拟器里面按住win+R来看发生的变化(这里这个win,我打不出来,自行领悟吧)
    在android上面是index.android.js,并且按住震动菜单上面的Reload JS来看发生的变化。
    8.部署到虚拟机上
    项目目录下终端输入:react-native run-android
    等啊等,哈哈,项目部署完了。

参考资料:React Native中文教程
参考资料:配置和起步

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值