React Native For Android On Windows
2016-02-19 17:22
225 查看
今天刚把React Native For Android的Demo运行成功,希望把成功的流程分享出来,让更多的人收益。
我们来进行配置之前的准备工作(在这里我默认你们已经安装好了JAVA环境,如果有同学没安装好的,请自行百度咯,炒鸡简单):
JAVA环境是否安装好的检测方法:
打开cmd,输入
java -version,如图:
即为安装成功
下面是React Native 的配置步骤:
安装我们大名鼎鼎的nodejs
网址:https://nodejs.org/en/,这里提醒一下,一定要注意一下自己电脑操作系统的位数,我们可以这么查看:打开cmd,输入
sysyteminfo,然后查看
这个参数,我们应该怎么做就显而易见了。
下载完成之后当然是按照正常的套路安装啦。没啥好说的
安装完成之后,我们可以用
npm -v来查看一下版本号
安装react-native命令行工具
官方的安装方法是:
npm install -g react-native-cli,安装完成之后,我们就可以进行React-Native的目录创建了。
现在我们来创建React Native项目
cd到一个你喜欢的目录里,然后打开cmd,输入
react-native init yourProjectName,稍等片刻,我们就可以看到nodejs在我们相应的目录下建立了react工程,那么现在我们应该怎么做呢?
运行Packager:
来到这个目录下 yourPath
\node_modules\react-native\packager,然后双击或者在cmd里运行
packager.sh这个文件,下图为运行成功的截图:
,运行成功之后,我们打开浏览器,输入:http://localhost:8081/index.android.bundle?platform=android 如果成功访问,没有看到任何Error字样,就代表着我们的Nodejs Server已经成功的开启了,我们可以run我们的Project到手机上了。
Run React Project On The Phone:
配置Android Envir:
添加AN (http://img.blog.csdn.net/20160219171326181)
因为是第一次运行,所以这里会涉及到下载东西,我们为了提高效率而设置了proxy,我推荐使用:
该设置的都设置完了,我们进入到项目的根目录下,打开cmd,输入指令:
react-native run-android --debug,静候佳音吧!
下面我贴出,安装完成之后会出现failed to load js bundle 错误的结局方案:http://stackoverflow.com/questions/32572399/react-native-android-failed-to-load-js-bundle
相关文章推荐
- ReactJS初步学习
- React Native-11.React Native TabBarIOS TabBarIOS.Item组件详解
- React.js组件的生命周期
- React 特别需要注意的地方
- react-native组件封装与传值
- React Native-10.React Native Image组件详解
- React-Native OpenGL体验一
- react-native组件封装与传值
- react-native组件传值与封装
- react-native启动异常,react-deep-force-update/.babelrc
- 使用codepush进行ReactNative热部署
- React等开发工具记录
- 初步了解ReactJS
- Immutable 详解及 React 中实践
- React.js基础
- react-native使用react-art制作SVG动画
- 一些React-Native学习资料
- iOS.ReactNative-3-about-viewmanager-uimanager-and-bridgemodule
- ReactNative 真机调试
- 最近任务 && react文章列表