摘要：把目錄添加到環(huán)境變量中打開(kāi)控制面板系統(tǒng)和安全系統(tǒng)高級(jí)系統(tǒng)設(shè)置高級(jí)環(huán)境變量，選中變量，然后點(diǎn)擊編輯。

最近公司要開(kāi)發(fā)react-native項(xiàng)目，自己在windows系統(tǒng)上練習(xí)了一下，過(guò)程中發(fā)現(xiàn)好多問(wèn)題，在這里整理出來(lái)供大家參考；

一、首先來(lái)看一下reactNative官網(wǎng)

官網(wǎng)上的教程很詳細(xì)，介紹了IOS和Android的環(huán)境搭建、示例教程等等，建議大家先按照官網(wǎng)的環(huán)境搭建教程嘗試搭建，
遇到問(wèn)題再上網(wǎng)搜索答案，這樣印象會(huì)深刻一些；

下面就按照官網(wǎng)教程來(lái)詳細(xì)講解一下**IOS和Android的環(huán)境搭建**

二、IOS和Android的環(huán)境搭建

穩(wěn)定的-Fan Qiang-工具

安裝 Android Studio 需要-Fan Qiang-才能下載，安裝配置 Android Studio 的時(shí)候也要用到-Fan Qiang，所以你需要有一個(gè)穩(wěn)定的-Fan Qiang-工具；（注意穩(wěn)定，否則會(huì)出現(xiàn)下載失敗、鏈接超時(shí)的情況）

我用的是小飛機(jī)，就不在這里多說(shuō)了，大家自行搜索；

NodeJs
下載Node版本必須高于8.3。

Python2
下載Python 的版本必須為 2.x（不支持 3.x）

JDK
下載JDK 的版本必須是 1.8（目前不支持 1.9 及更高版本）

- 下載安裝Android Studio
上步操作完成就開(kāi)始下載 Android Studio；
官網(wǎng)上介紹安裝是這樣說(shuō)的：

    安裝界面中選擇"Custom"選項(xiàng)，確保選中了以下幾項(xiàng)：
    
    Android SDK
    
    Android SDK Platform
    
    Performance (Intel ? HAXM) (AMD 處理器看這里)
    
    Android Virtual Device
    
    然后點(diǎn)擊"Next"來(lái)安裝選中的組件。
    
    **如果選擇框是灰的，你也可以先跳過(guò)，稍后再來(lái)安裝這些組件。**
       

我安裝的時(shí)候，這幾項(xiàng)確實(shí)是不能選中的，所以直接“Next” ，如果你的-Fan Qiang-工具足夠穩(wěn)定，那就不用擔(dān)心，后面的步驟中會(huì)讓你安裝這些的，所以按照官網(wǎng)教程往下走就可以了；

- 配置 ANDROID_HOME 環(huán)境變量

這里直接從官網(wǎng)copy了

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

打開(kāi)控制面板 -> 系統(tǒng)和安全 -> 系統(tǒng) -> 高級(jí)系統(tǒng)設(shè)置 -> 高級(jí) -> 環(huán)境變量 -> 新建，創(chuàng)建一個(gè)名為ANDROID_HOME的環(huán)境變量（系統(tǒng)或用戶變量均可），指向你的 Android SDK 所在的目錄（具體的路徑可能和下圖不一致，請(qǐng)自行確認(rèn)）：

SDK 默認(rèn)是安裝在下面的目錄：

c:Users你的用戶名AppDataLocalAndroidSdk

你可以在 Android Studio 的"Preferences"菜單中查看 SDK 的真實(shí)路徑，具體是Appearance & Behavior → System Settings → Android SDK。

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

- 把 platform-tools 目錄添加到環(huán)境變量 Path 中

打開(kāi)控制面板 -> 系統(tǒng)和安全 -> 系統(tǒng) -> 高級(jí)系統(tǒng)設(shè)置 -> 高級(jí) -> 環(huán)境變量，選中Path變量，然后點(diǎn)擊編輯。點(diǎn)擊新建然后把 platform-tools 目錄路徑添加進(jìn)去。

此目錄的默認(rèn)路徑為：

c:Users你的用戶名AppDataLocalAndroidSdkplatform-tools

- 安裝 Android SDK

在 Android Studio 的歡迎界面中找到 SDK Manager。點(diǎn)擊"Configure"，然后就能看到"SDK Manager"

在 SDK Manager 中選擇"SDK Platforms"選項(xiàng)卡，然后在右下角勾選"Show Package Details"。
展開(kāi)Android 9 (Pie)選項(xiàng)，確保勾選了下面這些組件（重申你必須使用穩(wěn)定的-Fan Qiang-工具，否則可能都看不到這個(gè)界面）：  

Android SDK Platform 28

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

然后點(diǎn)擊"SDK Tools"選項(xiàng)卡，同樣勾中右下角的"Show Package Details"。展開(kāi)"Android SDK Build-Tools"選項(xiàng)，確保選中了 React Native 所必須的28.0.3版本。你可以同時(shí)安裝多個(gè)其他版本。

最后點(diǎn)擊"Apply"來(lái)下載和安裝這些組件。

- 安裝安卓虛擬機(jī)

不建議使用Android Studio自帶的虛擬機(jī)，因?yàn)閾?jù)說(shuō)是性能較差、操作不方便等問(wèn)題；
推薦使用Genymotion，企業(yè)版是收費(fèi)的，但是個(gè)人版本是免費(fèi)的，大家可以選擇個(gè)人版本進(jìn)行下載；
1、首先注冊(cè)

2、選擇個(gè)人版本（免費(fèi)），下載vbox版本

3、下載、安裝完成后登錄：

4、登錄成功后會(huì)出現(xiàn)安卓機(jī)型列表，點(diǎn)擊想要安裝的虛擬機(jī)后面的“三個(gè)點(diǎn)”進(jìn)行下載安裝；

虛擬機(jī)啟動(dòng)成功！

三、一切準(zhǔn)備就緒，現(xiàn)在開(kāi)始創(chuàng)建reactNative項(xiàng)目**

使用 React Native 命令行工具來(lái)創(chuàng)建一個(gè)名為"AwesomeProject"的新項(xiàng)目：

1、react-native init AwesomeProject
*創(chuàng)建成功后在文件資源管理器中會(huì)看到 AwesomeProject 這個(gè)文件夾

2、cd AwesomeProject

3、react-native run-android

運(yùn)行這一步驟的時(shí)候后會(huì)打開(kāi)node界面

*第三步很容易出現(xiàn)問(wèn)題，這一步嚴(yán)重依賴-Fan Qiang-工具，建議在確保工具正常巡行的情況下執(zhí)行此步驟，如果出現(xiàn)失敗等問(wèn)題，請(qǐng)檢查工具是否運(yùn)行正常；



項(xiàng)目運(yùn)行成功！

參考文檔：https://reactnative.cn/docs/g...