windows下構建我們的第一個React Native應用程式，主要分二個思路！

1：無需安裝或配置任何工具來構建React Native應用程式。（如果你只是想簡單瞭解學習react-native）

2：需要安裝配置對應的依賴工具來夠構建我們的React Native應用程式。（如果你想為iOS和Android開發app建議選後者）

思路一：無需安裝其他依賴軟體工具

1：安裝nodejs,注意nodejs版本號要>=6，npm版本號要<5。（這個在官網上並未提及，不過我在安裝了最新版本nodejs後才提示報錯得知）！ 2：（用npm）安裝create-react-native-app

命令列工具 npm install -g create-react-native-app 3：通過create-react-native-app命令列工具建立你的第一個應用程式，我們就叫它"HelloWorld"吧！ create-react-native-app HelloWorld 4:進入您剛剛建立的HelloWorld專案並執行它 cd HelloWorld
npm start 結果：這樣我們就順利建立好了HelloWorld專案並同時開啟了其開發伺服器，等一會終端就會為我們輸出一個QR碼(二維碼)，注意這個要等一會哦。 然後就可以用你的手機掃碼測試檢視我們建立的專案了。這是不是超級簡單了。

推薦原官網文件：http://facebook.github.io/react-native/docs/getting-started.html#caveats

思路二：需要安裝配置相應的依賴工具

(好吧，這個才是重點！就此在windows下要執行此埋下的坑也千奇百怪，特麼多！寶寶費了好大力氣才一一個別排除！後邊會對這些問題筆記，希望對大家都有幫助吧！)

總共需要的依賴工具軟體： 1：JDK安裝配置環境(JDK是整個java開發的核心，它包含了JAVA的執行環境（JVM+Java系統類庫）和JAVA工具。) 2：nodejs安裝配置環境 3：react-native 命令工具行 4：Android-studio (安卓整合開發工具，用於Android開發除錯) 5：python2安裝配置環境 6：node-gyp(選裝) 7： Visual C++ 2015 Build Tools（選裝，這個能不裝就不裝！） 6、7兩個選裝，根據您裝完前5項後建立執行react-native專案出錯與否來決定你是否要安裝6、7！？後邊會具體筆記！好吧，先來看看前面5個怎麼弄吧！ 思路二之步驟(一)：JDK安裝以及其環境變數配置 1：準備工作 從Oracle官網下載Java JDK安裝包（版本自己決定，我用的是9.0.1）。 2：傻瓜式安裝 記住您選擇安裝的盤路徑，這裡我安裝到的是E:\Java。這個一定要記住，因為緊接著後邊的環境配置變數要用到！ 3：環境變數配置 我的電腦 -> 屬性 -> 高階系統設定 -> 環境變數 -> 系統變數


A：新建  變數名：JAVA_HOME 變數值：E:\Java\jdk（這個根據你之前傻瓜式安裝JDK選擇的安裝路徑來決定，我安裝在的是E:\Java\jdk）
B：找到系統變數下的Path,雙擊開啟 新建%JAVA_HOME%\bin 新建%JAVA_HOME%\jre\bin

思路二之步驟（二）：Nodejs安裝
下載安裝，傻瓜式，很簡單！這裡就不再贅述。 只說明下，nodejs版本過高和過低都會出各種奇葩的bug，所以我選擇了一個比較適中的版本nodejs v6.9.0 下載地址：https://nodejs.org/zh-cn/download/releases/
思路二之步驟（三）：react-native 命令列工具安裝 nodejs自帶npm，用npm安裝React-native命令列工具 在命令提示符或外殼程式nodejs中執行一下命令： npm install -g react-native-cli

如果你得到一個錯誤Cannot find module 'npmlog'，請直接嘗試安裝npm curl -0 -L https://npmjs.org/install.sh | sudo sh。

思路二之步驟（四）：Android-studio安裝以及其環境變數配置
1：下載安裝Android-studio,選擇自定義模式，以下選項全部勾選。 ● Android SDK
● Android SDK Platform ● performance (Intel ®HAXM) ● Android Virtual Device
然後單擊下一步完成所有選項！ 2：安裝Android SDK 在安裝Andriod studio的時候預設安裝的是Android SDK的最新版本，但是我們React-native 應用程式需要的是 Android SDK 6.0 (Marshmallow) 特別的SDK。 這一步我們通過Andriod-studio裡的SDK Manager安裝，其他Androd SDK也可以通過他來完成安裝！ （2-1）：找到 SDK Manager 在哪裡？ 初始andriod studio -> 右下角 configure -> SDK Manager
其他方法：也可以在Android Studio的"首選項"對話方塊裡找到 外觀和行為 -> 系統設定 -> Andriod SDK （2-2）：從SDK Manager下選擇"SDK Platforms"選項卡，然後選中右下角的"Show Package Details"旁邊的複選框，找到Android 6.0(Marshmallow)條目並展開，選擇如下內容： ● Google APIS
● Android SDK Platform 23 ● Intel x86 Atom_64 System Image ● Google APIS Intel x86 Atom_64 System Image

（2-3）：接著選擇"SDK Tools"選項卡,並選中"Show Package Details"旁邊的複選框。查詢並展開“Android SDK Build-Tools”條目，然後確保23.0.1已選中。

（2-4）:點選"Apply"下載！
3：為Android stuido配置環境 這一步和JDK環境配置差不多，只是內容略有不同！原理是一樣的！ 我的電腦 -> 屬性 -> 高階系統設定 -> 環境變數 -> 系統變數
不想囉嗦了，直接上圖吧！
如果你不知道你的Aandroid SDK的路徑在哪裡，我們可以通過Android Studio"首選項"對話方塊的
外觀和行為 -> 系統設定 -> Android SDK 下找到SDK的實際位置。
最後在進行下一步之前重啟下你的命令提示符，以便新的配置環境得以重新載入！ 思路二之步驟（五）：python2安裝以及其環境變數配置
我裝的是python v2.7 具體安裝步驟很簡單就不再贅述，這裡只上圖說明下環境配置！
然後不要忘記在系統變數Path中新增上您的python所在安裝路徑。 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
好了，前面四步已經完成，事實上如果不出其他bug您就可以通過您的react-native命令列工具建立並執行你的第一react-native專案了！ 建立myApp專案併為其開啟伺服器，程式碼如下： react-native init myApp cd myApp npm start 以上五步完成！ 事實證明寶寶並沒有這麼好運，出bug了，遠遠沒有這麼簡單！下邊我對我遇到的問題進行一下梳理和解決！ 問題一：

1.具體原因：

　　專案依賴中，node-gyp呼叫MSBuild工具進行元件編譯，找不到MSBuild2.0，而系統裡只有MSBuild4.0。

2：解決辦法：

（1）：下載Visual C++ 2015 Build Tool, 安裝時，選擇自定義安裝，勾選您8.1windows SDKs,直接安裝完畢！

下載地址：http://landinghub.visualstudio.com/visual-cpp-build-tools

（2）：npm config set msvs_version 2015 --global

參考其他解決方案連線：https://github.com/nodejs/node-gyp/issues/629#issuecomment-153196245 問題二：（這個一般都會出現）
在真機或模擬機執行myApp專案時報錯 報錯內容:unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server 事實上這是因為你的專案中缺少了index.android.bundle和 index.android.bundle.meta兩個檔案 解決辦法：

第一步：在你建立的專案（我建立的是myApp）中找到Android/app/src/main目錄下建立一個空的assets資料夾。

第二步：使用命令提示符中進行入你建立的專案，然後執行以下命令。

舊版本 react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/  新版本 react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/  這個主要取決你新建的react-native專案中是否有android.index.js和ios.index.js, 注意新版本中式沒有的，只有一個index.js。所以你知道區別在哪裡了吧！ 執行完畢後assets資料夾下會多出index.android.bundle和index.android.bundle.meta兩 個資料夾


第三步：重新執行程式完美解決！
推薦參考：http://blog.csdn.net/sinat_34380438/article/details/77648476?locationNum=9&fps=1 問題三：（這個必須操作哦！不然模擬機無法執行哦！）
Intel virtualization technology(vt, vt-x) is not enabled PC端模擬機測試時需要開啟系統 Intel vt-x 解決辦法： 進入BIOS系統，將virtualization裡面的值設為 enabled。 以我的thinkpad為例吧！ BIOS -> security -> virtualization  問題四：（這個一般都會出現） 模擬機測試執行專案時報錯： Execution failed for task ':app:clean'. > Unable to delete directory
解決辦法: 關閉android studio。 開啟你建立的專案， 在android/app/ 下找到build資料夾，直接刪除，防止恢復，用360粉碎檔案！一勞永逸！ 然後再重啟執行Android stuido就可以了！ 好吧！以上問題一一排除，現在寶寶的react-native建立專案到真機或模擬機測試都正常了！ 最後最後，android-studio自帶模擬測試機， 使用android-studio模擬機測試不需要命令列npm start了，如果開啟反而要出錯！ 然後關於android-studio模擬機的建立這裡就不筆記了，建議看原文件！ 推薦原文件：http://facebook.github.io/react-native/docs/getting-started.html