关于前端:React-Native-环境搭建指南

6次阅读

共计 2073 个字符,预计需要花费 6 分钟才能阅读完成。

写的有些仓促 次要用于本人备忘 仔细阅读文章 不能错过任何一步 大家有问题能够留言  ps:老手装置好 react native 环境个别要四五个小时 做好心理准备

第一步 下载 android studio 装置 SDK

1. 下载 Android studio 我是轻易下载的 没看版本号 官网,下载实现后 装置相干 SDK   _file>setting>Android SDK_

2 切换到 SDK Tools 都选中后 点击 apply

3. 配置环境变量

SDK 默认是装置在上面的目录:

C:Users 你的用户名 AppDataLocalAndroidSdk

你能够在 Android Studio 的 ”Preferences” 菜单中查看 SDK 的实在门路,具体是Appearance & Behavior → System Settings → Android SDK

你须要敞开现有的命令符提醒窗口而后从新关上,这样新的环境变量能力失效。

4. 把一些工具目录增加到环境变量 Path

关上 控制面板  ->  零碎和平安  ->  零碎  ->  高级零碎设置  ->  高级  ->  环境变量 ,选中Path 变量,而后点击 编辑 。点击 新建 而后把这些工具目录门路增加进去:platform-tools、emulator、tools、tools/bin

%ANDROID_HOME%platform-tools
%ANDROID_HOME%emulator
%ANDROID_HOME%tools
%ANDROID_HOME%toolsbin

第二步 各种装置

1. 装置 nodejs(大于 12 版本 配置环境变量)

2. 装置 python(2.7 版本 配置环境变量)

3.jdk1.8(配置环境变量 JAVA_HOME)

ps:这些我都是用 联想电脑管家 > 软件治理  下载速度十分快 特地香!

第三步 创立 RN 我的项目

1. 执行 npx react-native init AwesomeProject  即可

第四步 更换国内镜像(十分重要)

1. 批改 根目录 /android/build.gradle  更换国内镜像

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    ext {
        buildToolsVersion = "29.0.2"
        minSdkVersion = 16
        compileSdkVersion = 29
        targetSdkVersion = 29
    }
    repositories {// google()
        // jcenter()
        maven{url 'http://maven.aliyun.com/nexus/content/groups/public/'}
        maven{url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'}
    }
    dependencies {classpath("com.android.tools.build:gradle:3.5.3")
        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    
    repositories {mavenLocal()
        maven {// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url("$rootDir/../node_modules/react-native/android")
        }
        maven {
            // Android JSC is installed from npm
            url("$rootDir/../node_modules/jsc-android/dist")
        }

        // google()
        // jcenter()
        maven{url 'http://maven.aliyun.com/nexus/content/groups/public/'}
        maven{url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'}
        maven {url 'https://www.jitpack.io'}
    }
} 

2. 命令行输出  npm config set registry https://registry.npm.taobao.org

第五步  你可能会遇到下载 gradle-6.2-all.zip 十分慢的问题 如果有解决如下

1. 倡议把连贯放到迅雷下载 下载胜利后放到 根目录 /android/gradle/wrapper

2. 配置一下 gradle-wrapper.properties 如下

第六步 手机关上 USB 调试 连贯电脑(或者用 android studio 的手机模拟器)进入我的项目目录 yarn android 启动我的项目 急躁期待运行 胜利呈现如下页面

第七步 置信你们不会那么顺利 把问题发到留言区吧

正文完
 0