React Native windows完整開發環境搭建

*重要：請一步一步搭建環境 仔細看環境參數，不然可能遇到很多問題

一、下載安裝Node, Python2, JDK（1.8版JavaSE 1.8版本SDK本）

二、配置JAVA 環境變量

1. 找到系統環境變量
   
2. 新建JAVA_HOME系統變量
   變量名：JAVA_HOME ，變量值：C:\Program Files\Java\jdk1.8.0_171(這裏填你自己選擇的安裝路徑！！！)
   
3. 新建CLASSPATH變量
   變量名：CLASSPATH , 變量值： .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一點）。
   
4. 配置系統環境變量Path
   雙擊Path-->新建-->添加“%JAVA_HOME%\bin”-->將這一行變量上移到最頂端-->完成
   
5. 應用
   所有環境變量配置完成之後，應用環境變量即可。
   

四、測試安裝與配置是否成功

1. win+R彈出運行窗口後，輸入cmd
   
2. 回車彈出命令行窗口，分別輸入"java -version"、"javac"
   

 

三、下載安裝開發工具 Android Studio (接下來安裝和下載過程最要科學上網，不然可能會不順利)

安裝界面中選擇"Custom"選項，確保選中了以下幾項：

• Android SDK
• Android SDK Platform
• Performance (Intel ® HAXM) (AMD 處理器看這裏)
• Android Virtual Device

然後點擊"Next"來安裝選中的組件。

如果選擇框是灰的，你也可以先跳過，稍後再來安裝這些組件。

安裝完成後，看到歡迎界面時，就可以進行下面的操作了。

2. 安裝 Android SDK

Android Studio 默認會安裝最新版本的 Android SDK。目前編譯 React Native 應用需要的是Android 9 (Pie)版本的 SDK（注意 SDK 版本不等於終端系統版本，RN 目前支持 android4.1 以上設備）。你可以在 Android Studio 的 SDK Manager 中選擇安裝各版本的 SDK。

你可以在 Android Studio 的歡迎界面中找到 SDK Manager。點擊"Configure"，然後就能看到"SDK Manager"。

SDK Manager 還可以在 Android Studio 的"Preferences"菜單中找到。具體路徑是Appearance & Behavior → System Settings → Android SDK。

在 SDK Manager 中選擇"SDK Platforms"選項卡，然後在右下角勾選"Show Package Details"。展開Android 9 (Pie)選項，確保勾選了下面這些組件（重申你必須使用穩定的翻牆工具，否則可能都看不到這個界面）：

• Android SDK Platform 28
• Intel x86 Atom_64 System Image（官方模擬器鏡像文件，使用非官方模擬器不需要安裝此組件）

然後點擊"SDK Tools"選項卡，同樣勾中右下角的"Show Package Details"。展開"Android SDK Build-Tools"選項，確保選中了 React Native 所必須的28.0.3版本。你可以同時安裝多個其他版本。

最後點擊"Apply"來下載和安裝這些組件。

3. 配置 ANDROID_HOME 環境變量

React Native 需要通過環境變量來了解你的 Android SDK 裝在什麼路徑，從而正常進行編譯。

打開控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 高級 -> 環境變量 -> 新建，創建一個名爲ANDROID_HOME的環境變量（系統或用戶變量均可），指向你的 Android SDK 所在的目錄（具體的路徑可能和下圖不一致，請自行確認）：

SDK 默認是安裝在下面的目錄：

c:\Users\你的用戶名\AppData\Local\Android\Sdk

你可以在 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%\tools\bin

 

 

五、初始化項目 

    1、 默認使用檢查和卸載以前可能安裝的react-nativenpm uninstall -g react-native-cli卸載掉它以避免一些衝突。

     2、npx react-native init AwesomeProject  初始一個AwesomeProject

    4、創建一個虛擬設備

        

      

4、進入AwesomeProject 跑android 命令 看你自己用的是yarn 還是npm 推薦yarn 速度更快 這一過程可能會持續一段時間

   

5、漫長等待終於成功了 重要請一步一步搭建環境不然會出很多問題