React Native系列之-环境安装

前端之家收集整理的这篇文章主要介绍了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中文教程
参考资料:配置和起步

原文链接:https://www.f2er.com/react/307669.html

猜你在找的React相关文章