您的位置:首页 > Web前端 > React

React Native系列之-环境安装

2015-10-05 21:07 399 查看
如果是想做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中文教程

参考资料:配置和起步
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android RN