Window下开发React-Native Android步骤
2016-05-30 17:15
127 查看
1.安装Android开发环境
下载并安装JDK
下载并安装Android SDK, Android NDK
启动SDK下面的SDK Manager.exe,安装相关SDK Platform-tools,切记安装 【否则执行后面的 react-native run-android会报错】
Extras/Android Support Library(23.0.1)
Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repository)
设定系统环镜变量ANDROID_HOME,指向SDK所在目录,另外,需要将ADB.exe所在目录【SDK所在目录下的platform-tools目录】添加至PATH环境变量中,执行时需要用到adb命令
2.安装Node.js
官网下载Window版本安装
3.安装react-native-cli
命令行下执行
nmp install -g react-native-cli
4.创建项目
命令行下进入reactnative项目开发目录【自己决定】后,执行
react-native init ProjectName
5.执行Server端
执行命令
cd ProjectName
react-native start
这时可以用浏览器打开http://localhost:8081/index.android.bundle?platform=android进行浏览,能看到js代码表示正常
6.执行项目
新开一个命令行,进入到ProjectName所在目录后执行命令
react-native run-android
注意: 真机第一次运行会报错,这时候我们摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口【开发电脑,端口号固定8081】,
格式如:192.168.1.100:8081
设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来
Enjoy
下载并安装JDK
下载并安装Android SDK, Android NDK
启动SDK下面的SDK Manager.exe,安装相关SDK Platform-tools,切记安装 【否则执行后面的 react-native run-android会报错】
Extras/Android Support Library(23.0.1)
Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repository)
设定系统环镜变量ANDROID_HOME,指向SDK所在目录,另外,需要将ADB.exe所在目录【SDK所在目录下的platform-tools目录】添加至PATH环境变量中,执行时需要用到adb命令
2.安装Node.js
官网下载Window版本安装
3.安装react-native-cli
命令行下执行
nmp install -g react-native-cli
4.创建项目
命令行下进入reactnative项目开发目录【自己决定】后,执行
react-native init ProjectName
5.执行Server端
执行命令
cd ProjectName
react-native start
这时可以用浏览器打开http://localhost:8081/index.android.bundle?platform=android进行浏览,能看到js代码表示正常
6.执行项目
新开一个命令行,进入到ProjectName所在目录后执行命令
react-native run-android
注意: 真机第一次运行会报错,这时候我们摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口【开发电脑,端口号固定8081】,
格式如:192.168.1.100:8081
设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来
Enjoy
相关文章推荐
- React Native 环境搭建
- react with JSX for {if…else…}
- 多Reactor
- 使用Redux管理你的React应用(转载)
- 在SublimeText上搭建ReactJS开发环境(转载)
- 从一个例子中体会React的基本面
- React Native升级
- 深入理解React、Redux
- 在beforeAction里redirect无效,Yii2.0.8
- React Native之底层源码分析篇
- 安卓转战React-Native之签名打包成Apk并极速多渠道打包
- 高性能IO设计的Reactor和Proactor模式
- 浅谈ReactiveCocoa
- Reactor模式
- ReactiveCocoa操作方法(过滤,秩序,时间,重复)
- React Native资料集
- 使用 React 和 Webpack 构建静态网站
- mac 下安装React Native报错npm 安装错误 npm ERR! Darwin 13.4.0
- 爱之初体验 ----- React Native
- React的差异算法