ReactNative 开发环境搭建
来源:互联网 发布:广东外语外贸大学知乎 编辑:程序博客网 时间:2024/05/29 18:03
1.安装java jdk 配置环境变量 JDK1.8或以上
2.安装android_sdk ,设置ANDROID_HOME
ANDROID_HOME D:\AndroidSDK 注意结尾不需要分号
3.安装c++环境 (windows默认有)
4.安装nodejs与git
nodejs:下载地址 nodejs.org //自动添加环境变量
git :下载点 这里,git下载
5.在安装好nodejs后,设置全局镜像
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
6.安装React Native命令行工具
github上下载facebook发行的: https://github.com/facebook/react-native
解压下载好的zip,cmd命令行进入react-native-cli
git命令行 执行 npm install -g react-native-cli
这一步有的童鞋下载可能会比较慢,下载慢的可以去这 里
7.创建项目:
进入项目目录
执行 react-native init projectName 如:react-native init HelloWorld
8.设置gradle的编译环境
gradle的版本 就是一个zip压缩包 需要解压一下
环境变量的配置 GRADLE_HOME 需要指定到解压后的文件目录里 类似:/Users/dfy/Desktop/gradle-2.4
并把%GRADLE_HOME%/bin放到Path里面 检查是否成功:gradle -v
修改rn项目里面android\gradle\wrapper\gradle-wrapper.properties文件里关于gradle的配置路径 设置到本地
GRADLE_HOME E:\RNGradle\gradle-2.10
distributionUrl=file:///E:/gradle-2.10-all.zip 三个杠
distributionUrl=file:///Users/dfy/Desktop/gradle-2.4-all.zip
参见:http://www.reactnative.vip/forum.php?mod=viewthread&tid=460&highlight=gradle
文件比较大,只能提供百度云的下载了,360被某讯举报,没办法百度慢点,就凑活吧。
链接:http://pan.baidu.com/s/1jHTbxf4 密码:8ui2
9.运行项目:
进入项目目录:
执行 react-native start
可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的脚本
10.准备模拟器或真机 运行android
react-native run-android
运行时可能出现的问题汇总:
问题:找不到sdk 或者 无法正常化 sdk路径 解决办法:环境变量
问题:failed to find target with hash string 'android-23' in: F:\Android_SDK 解决版本:更新23版本的sdk
问题:build成功后是红色的:没有连接服务器js Server 解决方法:ip地址+8081端口 例子:192.168.1.100:8081
问题: 根据studio的版本,打开android目录下的gradle文件,设置成对应的版本
如:我的是
dependencies {
classpath 'com.android.tools.build:gradle:2.0.0'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
0 0
- ReactNative 开发环境搭建
- reactNative搭建开发环境
- 一步一步搭建ReactNative开发环境
- ReactNative开发(一)之开发环境搭建
- Windows10下搭建ReactNative开发环境
- 一步一步搭建ReactNative开发环境(Mac)
- ReactNative Windows Android开发环境搭建
- ReactNative开发环境搭建总结(windows mac)
- AndroidStudio嵌入ReactNative混合开发环境搭建
- ReactNative在win下开发环境搭建
- Windows环境下Android的ReactNative开发环境搭建
- ReactNative 环境搭建
- MAC ReactNative环境搭建
- ReactNative环境搭建
- (一)ReactNative环境搭建
- ReactNative环境搭建
- ReactNative环境搭建
- ReactNative开发环境搭建-真正的for windows
- 原生,类库,框架,模式
- coursera机器学习笔记之“Machine Learning System Design”
- Asp.Net中Post与Get的区别(学习笔记)
- Jenkins(一)---我理解的jenkins是这样的
- BaseDao编写的执行流程
- ReactNative 开发环境搭建
- 从零开始的Android新项目3 - MVPVM in Action, 谁告诉你MVP和MVVM是互斥的
- OpenCV meanshift目标跟踪总结
- linux下 iotop
- mysql-5.6.16-win32免安装配置方法
- 欢迎使用CSDN-markdown编辑器
- Beyond Compare不仅可以用来比较文件
- coursera机器学习笔记之“Support Vector Machines(SVMs)”
- Spring4+Junit4单元测试及bug解决