React Native官網環(huán)境搭建教程寫的不夠詳細，并且有些坑，使得搭建環(huán)境很慢，本文章就是為了解決這些問題，以新手為標準的文檔。
首先看下官網的說明：

重點：必須安裝的依賴有：Node、JDK 和 Android Studio。
安裝完這三個基本就可以了，接下來就詳細講講這三個的安裝。

一、安裝node

可以直接去node官網下載對應的node版本，但是我推薦使用NVM，因為NVM可以很方便的切換版本，避免后續(xù)接手舊項目還得很麻煩的處理node降級的問題。
NVM的安裝是使用移步我寫的另一篇文章NVM管理node版本

二、安裝yarn

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模塊的下載。
第一步驟已經安裝了node，現在可以打開cmd執(zhí)行以下命令；

npm install -g yarn

安裝完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方庫名代替npm install 某第三方庫名。

注意：如果vscode編譯器的終端輸入yarn的命令報錯“無法將 yarn 項識別為…”，原因是vscode中的集成終端使用的是powershell，所以我們要設置一下powershell的執(zhí)行權限。

設置powershell的執(zhí)行權限：
1、在開始搜索框中搜索powershell，右鍵，以管理員身份運行

2、執(zhí)行set-ExecutionPolicy RemoteSigned命令，并輸入y選項

三、安裝Java Development Kit

React Native 需要 Java Development Kit [JDK] 11。你可以在命令行中輸入 javac -version（請注意是 javac，不是 java）來查看你當前安裝的 JDK 版本。如果版本不合要求，則可以去Temurin或Oracle JDK上下載(后者下載需注冊登錄)。

1、下載Java Development Kit
我要介紹的是Oracle JDK的方式，
打開官網，如下圖所示，點擊下載jdk-11.0.19_windows-x64_bin.exe文件，因為安裝exe文件后，會自動給你配置環(huán)境變量，無需手動配置。

2、同意協議后繼續(xù)下載
點擊第一步后會打開如下彈窗：

3、登錄Oracle
點擊上一步后，如果沒有登錄，需要登錄一下。如果沒有注冊過，需要先注冊后登錄

登錄后下載得到jdk-11.0.19_windows-x64_bin.exe文件

4、安裝jdk-11.0.19_windows-x64_bin.exe
安裝這個就很簡單，直接一路下一步就好了，安裝路徑建議用默認路徑。

5、查看是否安裝成功
打開cmd，輸入 javac -version ,如果能看到版本號就說明安裝成功了

四、搭建Android 開發(fā)環(huán)境

搭建Android 開發(fā)環(huán)境是很麻煩的，官網也沒有說得很詳細，搭建過程是有一點坑的，本文就手把手教你搭建Android 開發(fā)環(huán)境，帶你少走一些彎路。
1、下載 Android Studio
國內用戶可能無法打開官方鏈接，那就需要先連接VPN，再進入官方鏈接下載。沒有VPN就自行使用搜索引擎搜索可用的下載鏈接。
點擊進入 Android Studio

下載得到 android-studio-2022.2.1.19-windows.exe，雙擊打開安裝

2、 安裝 Android Studio
作為資深安裝工程師，告訴你安裝技巧就是，一路Next，最后Install。

3、配置Android Studio
上個圖片已經勾選打開Android Studio
（1）選擇方式
打開后會彈出一個彈窗如下，默認選擇第二個選項就好

（2）是否要配置代理
下一步如果出現如下彈窗，就是想讓你配置一個代理，在我們沒有熟悉 Android Studio或者沒有經常用的時候，這個配置無需理會，點擊 Cancel 關閉彈窗

（3）進入到初始配置頁面，點擊 Next，如下：

（4）選擇自定義安裝，如下：

（5）默認路徑就好，繼續(xù) Next

（6）選擇主題背景顏色
選哪個都無所謂，看個人喜歡

（7）勾選要下載的內容

注意：不一定要下載這個模擬器，可以使用第三方模擬器（例如：夜神模擬器），使用第三方模擬器的用法我就不介紹了，本文只介紹Android 官方提供的Android Virtual Device模擬器，我覺得挺好用的。

Android 官方提供的Android Virtual Device模擬器的直接跳到（16）步驟

重點來了，一共需要下載的包是1.97G，這個Android Virtual Device包就占了1.44G，走下一步會下載得非常慢，有時候是下載進度一動不動，不過沒關系，后面會講解決方案，先繼續(xù)走。
像下圖這樣全部勾上，包括Android Virtual Device，Android SDK Location路徑也是默認就好(防止后續(xù)找不到)，點擊 Next 走下一步：

（8）這一步是檢測到你可以設置系統加速，已經給你推薦2GB，繼續(xù)點擊 Next 走下一步：

（9）安裝確認，點擊 Next

（10）要下載的詳情
顯示要安裝的包，繼續(xù) Next

（11）同意協議
分別點擊左邊的三個項目，勾選右邊的 Accept 表示同意協議，然后點擊 Finish：

（12）接下來就是安裝各個包
點擊 Show Details 查看要下載的具體內容

（13）拿到模擬器包的鏈接
重點來了，把下載模擬器包的鏈接復制出來：
https://dl.google.com/android/repository/sys-img/google_apis/x86_64-33_r10.zip
以后可能下載路徑會變動，最好自行復制，看到帶有x86_64的zip包就沒錯

（14）下載模擬器包：x86_64-33_r10.zip
把復制鏈接放到瀏覽器地址欄，回車下載，直接就是滿速下載，無需掛代理
十幾分鐘就下載好了，可以讓它先下載，先走后續(xù)的步驟。

（15）關閉下載，關閉Android Studio
模擬器太大了，這樣下載太慢了，不知道等到哪天才能下載成功，走到這一步其實是為了拿到模擬器包的下載鏈接，上一步已經在下載模擬器包了。
先點擊 Cancel 關閉下載 ，然后點擊 Finish，然后點擊右上角 X 關閉Android Studio：

（16）重新打開Android Studio
重新打開Android Studio，就又回到初始步驟，按照之前的步驟繼續(xù)走。
重點：走到下面這一步的時候，把Android Virtual Device取消勾選，可以看到 Total download size只有224M(這樣后面下載包當然就很快)，然后繼續(xù) Next，后續(xù)的步驟和上面一樣。

（17）這樣很快就下載完成：

注意：下載完成的時候，可能程序會自動給你配置系統環(huán)境變量，如果你安裝了360之類的安全軟件，會提示你 檢測到有程序嘗試修改系統設置，這時候一定要允許，不然后續(xù)可能得自己配置環(huán)境變量了，怎么配置就自行百度了。

點擊 Finish 完成：

（18）打開項目
打開react native項目，還沒項目的就自己先去 new 一個項目：

（19）打開SDK Manager
打開項目后，就會像下圖這么展示，
點擊下圖箭頭指的圖標（SDK Manager）：

復制下圖Sdk路徑

粘貼到文件夾目錄，回車打開Sdk目錄：

（20）解壓模擬器
在Sdk目錄下面找到x86_64文件夾，把（14）步驟下載的模擬器壓縮包（這個包解壓出來剛好是x86_64文件夾）解壓到這個目錄替換掉這個文件夾，如下：

（21）配置 SDK
關閉Android Studio，再次打開SDK Manager
在 SDK Manager 中選擇"SDK Platforms"選項卡，然后在右下角勾選"Show Package Details"。展開Android 13 (Tiramisu)選項，確保勾選了 Android SDK Platform 33 和 Google APIs Intel x86 Atom System Image(這個就是上一步解壓的模擬器包，前面是橫杠說明已經配置好，無需再勾選下載) ，如下：

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

然后點擊"Apply"來下載和安裝這些組件，彈窗確認，點擊 ok

最后點擊Finish，然后關閉SDK Manager

（22）創(chuàng)建模擬器
點擊 Create device 按鈕

創(chuàng)建自己喜歡的分辨率的模擬器型號

看到下圖所示就代表創(chuàng)建成功了

（23）配置 ANDROID_HOME 環(huán)境變量

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

打開控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 高級 -> 環(huán)境變量 -> 新建，創(chuàng)建一個名為ANDROID_HOME的環(huán)境變量（系統或用戶變量均可），指向你的 Android SDK 所在的目錄，具體的路徑可能和下圖不一致，請自行確認，參考（19）步驟打開SDK Manager，復制SDK路徑：

（24）把一些工具目錄添加到環(huán)境變量 Path
打開控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 高級 -> 環(huán)境變量，選中Path變量，然后點擊編輯。點擊新建然后把這些工具目錄路徑添加進去：platform-tools、emulator、tools、tools/bin

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

如圖：

你需要關閉現有的命令符提示窗口然后重新打開，這樣新的環(huán)境變量才能生效。

完成。

（35）啟動react natvie項目測試
vscode打開項目，例如我的項目：終端輸入yarn android，然后會默認自動打開上面創(chuàng)建的模擬器。文章來源地址http://www.zghlxwxcb.cn/news/detail-645760.html

到了這里，關于React Native環(huán)境配置搭建的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！