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
- React Native系列之-环境安装
- react-native:环境安装
- React Native环境安装
- RN学习系列---Windows下安装搭建React-Native环境
- Android React-Native系列之<一>零基础搭建React-Native开发环境
- React Native 之 安装
- 安装react native开发环境
- react native的环境安装
- react native前端环境安装
- React Native系列之-简介
- React Native系列(一)React Native 环境搭建
- React-Native环境配置之安装Node.js
- 【React Native学习之路】环境安装Window版
- React Native入门(一)之安装,环境搭建
- windows下安装react-native环境--采坑之旅
- React Native系列之Native Modules
- React Native系列之Native Modules
- React Native之环境搭建
- The following classes could not be instantiated: - android.support.v7.internal.widget.ActionBarOverl
- 剑指offer—第一个只出现一次的字符位置
- 内部wiki,你建立了么?
- 第二层第三题:名字和数字
- Java一些特性
- React Native系列之-环境安装
- UI 实现多线程方式之四 GCD概念
- UIWebView直接全屏播放视频链接
- UVA Live 7146 Defeat the Enemy(贪心+set)
- 程序猿常去的网站
- 抉择
- Android:Material Design(三) 动画
- 【2015/10/3】Linux学习日志_Day5 SSH 压缩解压 repo文件 自制yum源
- Android面试题记录。持续更新。