React Native系列之-环境安装

来源:互联网 发布:深圳java培训要多少钱 编辑:程序博客网 时间:2024/05/15 20:20
    如果是想做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 0
原创粉丝点击