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
原创粉丝点击