ReactNative環境搭建

1、搭建開發環境

1.1安裝Chocolatey

用管理員打開cmd，執行如下命令：

powershell -NoProfile -ExecutionPolicy Bypass -Command "iex

  ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'

))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

執行完畢以後，chocolatey就安裝好了。

1.2安裝Python

choco install python2

1.3安裝node

choco install nodejs.install

1.4安裝yarn、react-native-cli

npm install -g yarn react-native-cli

1.5安裝java

1、下載
官網地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html
2、安裝JDK

直接運行exe可執行程序，默認安裝便可；
備註：路徑能夠選其餘盤符，不建議路徑包含中文名及特殊符號。

3、配置環境變量

1) 新建變量名：JAVA_HOME，變量值：C:\Program Files\Java\jdk1.8.0_11
2) 打開PATH，添加變量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
3) 新建變量名：CLASSPATH，變量值：;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

備註：
1) .表示當前路徑，%JAVA_HOME%就是引用前面指定的JAVA_HOME；
2) JAVA_HOME指明JDK安裝路徑，此路徑下包括lib，bin，jre等文件夾，tomcat，eclipse等的運行都須要依靠此變量。
3) PATH使得系統能夠在任何路徑下識別java命令。
4) CLASSPATH爲java加載類(class or lib)路徑，只有類在classpath中，java命令才能識別。

4、測試jdk

在CMD命令窗口下輸入javac 命令，出現以下界面，則安裝成功。

 

 

1.6安裝Android Studio

l 肯定全部安裝都勾選了，尤爲是Android SDK和Android Device Emulator。

l 在初步安裝完成後，選擇Custom安裝項：

 

 

l 檢查已安裝的組件，尤爲是模擬器和 HAXM 加速驅動：

 

 

 

1.7安裝SDK、配置環境變量

右鍵個人電腦，打開屬性，點擊高級系統設置，打開環境變量：

1、新建一個環境變量名稱爲ANDROID_HOME，變量值爲當前安裝SDK的目錄

例如SDK裝在D:\androidSDK中，則環境變量爲：

 

 

2、把%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools添加到Path環境變量中。

1.8建立新項目

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

react-native init AwesomeProject

編譯並運行 React Native 應用

cd AwesomeProject

react-native run-android

 

環境搭建與編譯問題

Q：編譯時報錯，報錯信息中含有Could not determine Java version等字樣

 

 

A：重裝JDK1.8，注意目前不能使用更高版本

 

Q：編譯時報錯，報錯信息中含有「:app:packageDebug」等字樣

 

 

A：安裝Gradle

 

Q：運行adb reverse tcp:8081 tcp:8081時報錯，報錯信息中含有'adb' 不是內部或外部命令等字樣

A：SDK環境變量配置有問題，從新配置/platform-tools，\tools，重啓Android studio