windows下安装react native要点
2016-05-06 21:38
337 查看
1、安装nodejs4.4
2、npm install -g react-native-cli
3、新建工程文件夹,react-native init MyProject
然后布置真机或者模拟器:
1、sdk的tools文件夹一定要加到path中来
2、android list avd 来查看已经创建的avd
3、emulator -avd avdname来启动avd,并且可以通过 Ctrl+F11来切换手机模拟器的横纵摆放
使用模拟器之后,默认和电脑是同时处在一个局域网之内的。这样便可以打包运行和访问RN程序
cd至项目根目录下,通过npm start启动packager服务,通过
http://localhost:8081/index.android.bundle?platform=android
即可访问到脚本
packager启动成功之后,便可以使用react-native run-android来运行并在设备上安装apk文件。注意以下两点:
1、关闭防火墙,否则gradle无法正确下载
2、设置ANDROID_HOME环境变量,设置为sdk的根目录
3、检查sdk的build-tools是否已经更新到最新版本
以上都成功,则build便会成功,最终native程序得以正常运行
2、npm install -g react-native-cli
3、新建工程文件夹,react-native init MyProject
然后布置真机或者模拟器:
1、sdk的tools文件夹一定要加到path中来
2、android list avd 来查看已经创建的avd
3、emulator -avd avdname来启动avd,并且可以通过 Ctrl+F11来切换手机模拟器的横纵摆放
使用模拟器之后,默认和电脑是同时处在一个局域网之内的。这样便可以打包运行和访问RN程序
cd至项目根目录下,通过npm start启动packager服务,通过
http://localhost:8081/index.android.bundle?platform=android
即可访问到脚本
packager启动成功之后,便可以使用react-native run-android来运行并在设备上安装apk文件。注意以下两点:
1、关闭防火墙,否则gradle无法正确下载
2、设置ANDROID_HOME环境变量,设置为sdk的根目录
3、检查sdk的build-tools是否已经更新到最新版本
以上都成功,则build便会成功,最终native程序得以正常运行
相关文章推荐
- REACT学习笔记
- React—JSX转换成标准的JavaScript
- React表单组建
- ReactNative.createElement is deprecated. Use React.createElement from the "react" package instead.
- React中es6语法解析
- react-native
- React Native常用组件样式总结
- React-Native 十:版本升级
- react爬坑记16---reflux
- ReactNative 学习第二节 环境搭建
- React Native
- ReactNative 开发Android应用
- React Native API模块之Alert弹出框详解及使用
- React Native开源广告轮播组件
- React Native开源时间日期选择器组件
- React Native开源图片缩放处理组件
- reactnative滑动删除
- React Native控件之Switch开关与Picker选择器组件讲解以及使用
- reactnative报表
- [转] react-native 之布局篇