安裝NodeJS環境，附帶NPM
因為React依賴NPM（Node.js Package Manager）來安裝，所以我們可以先安裝Node.Js環境。
Node.Js會自動帶NPM組件和自動安裝配套的可選組件，非常簡便。
下載NodeJs
12.81.3 LTS長期支持版：https://nodejs.org/dist/v12.18.3/node-v12.18.3-x64.msi
驗證安裝
node -v
npm -v
設置NPM鏡像，避免國內環境坑
國外環境你懂，所以這里在CMD里面我們設置下全局節點為淘寶吧，避免后面遇到環境問題，七七八八。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
安裝React Native 命令行工具
有了前面的NPM之后，我們就可以愉快的用NPM來安裝React Nativ Cli了
npm install -g react-native-cli
PS：卸載可用“npm uninstall -g react-native-cli”
安裝Yarn，來加速安裝替換NPM
Yarn是Facebook 提供的替代 npm 的工具，可以加速 node 模塊的下載，安裝完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方庫名代替npm install 某第三方庫名。
npm install -g yarn
同時我們也可以把yarn從官網源切換到國內節點，比如
yarn config get registry
yarn config set registry 'https://registry.npm.taobao.org'
安裝Native開發所需的Java SDK
下載並安裝Java SDK
如果Oracle要求你注冊賬號，你就老實注冊一個。
JDK 的版本必須是 1.8（目前不支持 1.9 及更高版本，注意 1.8 版本官方也直接稱 8 版本）
官網：https://www.oracle.com/cn/java/technologies/javase/javase-jdk8-downloads.html
設置環境變量，讓React感知Java SDK位置
React Native 需要通過環境變量來了解你的 Java SDK 裝在什么路徑，從而正常進行編譯。
可以通過“設置 - 關於 - 右側系統信息 - 高級系統設置 - 高級 - 環境變量 - XXXX用戶變量 - 新建”
JAVA_HOME
C:\Program Files\Java\jdkxxxxxx
同時添加Bin目錄到環境變量Path中
通過“設置 - 關於 - 右側系統信息 - 高級系統設置 - 高級 - 環境變量 - XXXX用戶變量 - Path - 編輯 - 新建”
%JAVA_HOME%\bin
同時在系統變量中新建CLASSPATH項
CLASSPATH
.;%Java_Home%\bin;%Java_Home%\lib\dt.jar;%Java_Home%\lib\tools.jar
如果之前打開了控制台，需要重啟控制台，環境變量才生效。
安裝Native開發所需的Python 2.x
下載地址：https://www.python.org/ftp/python/2.7.18/python-2.7.18.amd64.msi
官網：https://www.python.org/downloads/release/python-2718/
安裝Native開發所需的Android Studio及SDK
Google良心，在國內架設了一個服務器，這個國內網址不用額外上網就可以直接愉快下載了。
下載Android Studio
官網：https://developer.android.google.cn/studio#downloads
安裝Android Studio
一路安裝就好，幾乎沒坑，啟動界面很好看，有沒有？
安裝Android SDK
啟動界面，進入“Configure”，找到“SDK Manager”，或者進入主頁之后，頂部"Tools"找到"SDK Manager"
在“SDK Platforms”頁面，打開右下角“Show Package Details”，然后在Android 9.0/Android 10勾選如圖所示的相關組件，點擊“Apply”
在“SDK Tools”頁面，打開右下角“Show Package Details”，然后在“Android SDK Build-Tools 30”勾選如圖所示的相關組件（重點是React支持的28.0.3），點擊“Apply”
點擊“Apply”之后，開始下載按鈕，速度還挺完美的，好像不需要額外上網。
另外，推薦安裝一下HAXM（Intel 虛擬硬件加速驅動），如果沒安裝就勾選下，我這里之前默認就安裝上了，所以就不需要再安裝了。
准備Android 模擬器
啟動界面，進入“Configure”，找到“AVD Manager”，或者進入主頁之后，頂部"Tools"找到"AVD Manager"
點擊“Create Virtural Device”創建一個“AVD（Android Virtual Device，安卓虛擬設備）”，推薦選擇“Nexus S”
不用理會紅字警告，這里Google當然是希望你裝帶Google Play的版本，但是那玩意，國內根本玩不了
點擊那個小三角，就是啟動了，開始丑爆模式
設置環境變量，讓React感知Android SDK位置
React Native 需要通過環境變量來了解你的 Android SDK 裝在什么路徑，從而正常進行編譯。
可以通過“設置 - 關於 - 右側系統信息 - 高級系統設置 - 高級 - 環境變量 - XXXX用戶變量 - 新建”
變量名：ANDROID_HOME
變量值：C:\Users\xxxxxx\AppData\Local\Android\Sdk
如果之前打開了控制台，需要重啟控制台，環境變量才生效。
同時添加工具目錄到環境變量Path中
通過“設置 - 關於 - 右側系統信息 - 高級系統設置 - 高級 - 環境變量 - XXXX用戶變量 - Path - 編輯 - 新建”
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
創建React 項目
給項目取名，比如“FirstReactApp”
請不要單獨使用常見的關鍵字作為項目名（如 class, native, new, package 等等）。請不要使用與核心模塊同名的項目名（如 react, react-native 等）。請不要在目錄、文件名中使用中文、空格等特殊符號。
Windows 用戶請注意，請不要在某些權限敏感的目錄例如 System32 目錄中 init 項目！會有各種權限限制導致不能運行！
右鍵進入CMD用命令創建“FirstReactApp”項目
npx react-native init FirstReactApp
# 或者
react-native init FirstReactApp
編譯運行React項目
萬事俱備，只欠東風
切換到React項目目錄，運行命令行，啟動項目，只要前面步驟都完成了，基本上一氣呵成！
npx react-native run-android
# 或者
yarn android
