React Native 環境搭建指南

寫的有些倉促 主要用於本身備忘 仔細閱讀文章 不能錯過任何一步 你們有問題能夠留言  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啓動項目 耐心等待運行 成功出現以下頁面

​

第七步 相信大家不會那麼順利 把問題發到留言區吧