摘要：把目錄添加到環境變量中打開控制面板系統和安全系統高級系統設置高級環境變量，選中變量，然后點擊編輯。

最近公司要開發react-native項目，自己在windows系統上練習了一下，過程中發現好多問題，在這里整理出來供大家參考；

一、首先來看一下reactNative官網

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

下面就按照官網教程來詳細講解一下**IOS和Android的環境搭建**

二、IOS和Android的環境搭建

穩定的-Fan Qiang-工具

安裝 Android Studio 需要-Fan Qiang-才能下載，安裝配置 Android Studio 的時候也要用到-Fan Qiang，所以你需要有一個穩定的-Fan Qiang-工具；（注意穩定，否則會出現下載失敗、鏈接超時的情況）

我用的是小飛機，就不在這里多說了，大家自行搜索；

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

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

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

- 下載安裝Android Studio
上步操作完成就開始下載 Android Studio；
官網上介紹安裝是這樣說的：

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

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

- 配置 ANDROID_HOME 環境變量

這里直接從官網copy了

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

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

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

c:Users你的用戶名AppDataLocalAndroidSdk

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

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

- 把 platform-tools 目錄添加到環境變量 Path 中

打開控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 高級 -> 環境變量，選中Path變量，然后點擊編輯。點擊新建然后把 platform-tools 目錄路徑添加進去。

此目錄的默認路徑為：

c:Users你的用戶名AppDataLocalAndroidSdkplatform-tools

- 安裝 Android SDK

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

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

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"來下載和安裝這些組件。

- 安裝安卓虛擬機

不建議使用Android Studio自帶的虛擬機，因為據說是性能較差、操作不方便等問題；
推薦使用Genymotion，企業版是收費的，但是個人版本是免費的，大家可以選擇個人版本進行下載；
1、首先注冊

2、選擇個人版本（免費），下載vbox版本

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

4、登錄成功后會出現安卓機型列表，點擊想要安裝的虛擬機后面的“三個點”進行下載安裝；

虛擬機啟動成功！

三、一切準備就緒，現在開始創建reactNative項目**

使用 React Native 命令行工具來創建一個名為"AwesomeProject"的新項目：

1、react-native init AwesomeProject
*創建成功后在文件資源管理器中會看到 AwesomeProject 這個文件夾

2、cd AwesomeProject

3、react-native run-android

運行這一步驟的時候后會打開node界面

*第三步很容易出現問題，這一步嚴重依賴-Fan Qiang-工具，建議在確保工具正常巡行的情況下執行此步驟，如果出現失敗等問題，請檢查工具是否運行正常；



項目運行成功！

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