在Windows下搭建React Native Android開發環境&搭建項目

說明：

1. Windows下搭建React Native Android開發環境和基本的React Native項目搭建
2. 環境變量添加控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 高級 -> 環境變量 -> 新建
3. 項目搭建調試方式採用真機調試，如需使用 Android 模擬器
4. 參考文檔 https://reactnative.cn/docs/g...

---

1、環境搭建

1.安裝的java jdk

Java JDK官網
安裝就是下一步下一步下一步

1.1修改環境變量，新增JAVA_HOME的系統環境變量，值爲C:\Program Files (x86)\Java\jdk1.8.0_112，也就是安裝JDK的根目錄

1.2修改系統環境變量Path，在Path以後新增%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

1.3新建系統環境變量CLASSPATH，值爲.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

1.4保存全部的系統環境變量，同時退出系統環境變量配置窗口，而後運行cmd命令行工具，輸入javac，若是能出現javac的命令選項，就表示配置成功！

2安裝Node.js環境

node.js中文網
安裝就是下一步下一步下一步

2.1注意：須要安裝最新的長期穩定版本，不要實驗版本；安裝完畢以後的node.js會自動配置到全局系統環境變量中

安裝完畢後，能夠輸入node -v查看node版本號；

3.安裝C++環境

3.1大多數狀況下操做系統自帶C++環境，不須要手動安裝C++環境；

若是運行報錯，則須要手動安裝visual studio中的C++環境；

4.安裝Git環境（一個可選的操做）

Git官網

4.1Git安裝完畢後，會自動配置到系統環境變量中；

能夠經過運行git --version來檢查是否正確安裝和配置了Git的環境變量；

5.安裝Python環境

這裏選擇2.7版本python官網

5.1注意：安裝Python時候，只能安裝2.×的版本，注意勾選安裝界面上的Add Python to path，這樣才能自動將Python安裝到系統環境變量中；

5.2安裝完畢以後，注意應該以管理員身份在命令行中運行python，檢查是否成功安裝了python。

6.配置安卓環境

Android Studio下載
安裝就是下一步下一步

6.1安裝完成點擊"Configure"，而後點擊"SDK Manager"

6.2在 SDK Manager 中選擇"SDK Platforms"選項卡，而後在右下角勾選"Show Package Details"。展開Android 6 勾選圖中標註的2選項，展開Android 9 (Pie)勾選圖中標註的3選項

6.3在 SDK Manager 中選擇"SDK Tools"選項卡,勾選圖中標註的1的選項

6.4在 SDK Manager 中選擇"SDK Tools"選項卡,而後在右下角勾選"Show Package Details",選中圖2所需包

勾選完成點擊安裝

6.5配置安裝環境變量：在系統環境變量中新建ANDROID_HOME，值爲android SDK Manager的安裝路徑C:\Android，緊接着，在Path中新增`;%ANDROID_HOME%tools;%ANDROID_HOME%platform-tools;

2、初始化項目

1.初始化一個項目

注意：項目名必須是英文，且項目存放文件夾路徑不得有中文

react-native init 項目名

2.看到以下圖表示初始化一個項目完成

3.使用 adb devices 查看是否有設備鏈接

3.1使用數據線，把手機連接到電腦上；

3.2運行 adb devices 的命令，這個命令，是安卓開發環境提供的；

3.3須要先開啓手機的開發者模式，若是開啓開發者模式以後，仍是看不到設備，則嘗試安裝 豌豆莢 這樣的工具，讓這些工具幫助你在電腦上安裝手機的驅動；

4.首先cd切換到當前項目目錄而後輸入打包編譯命令 react-native run-android

4.1打包運行項目，把打包好的項目部署到手機中！

• 確保手機已經正確的連接到了當前電腦上，同時手機開啓了開發者調試模式；能夠使用adb devices來查看當前連接到電腦上的手機設備列表！
• 當確認手機正確連接到電腦上以後，能夠運行react-native run-android來打包當前項目，並把打包好的項目以調試的模式安裝到手機中！

5.React Package窗口的做用