React Native Android環境搭建(Mac)

TheShy_發表於2018-04-27

必裝軟體 :

1.Homebrew(Mac OSX的包管理器,我們需要通過Homebrew安裝開發React Native的相關軟體包)

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
複製程式碼

2.Node.js

$ brew install node
複製程式碼

3.watchman(安裝此工具可以提高開發時的效能(packager可以快速捕捉檔案的變化從而實現實時重新整理))

$ brew install watchman
複製程式碼

4.flow(flow是Facebook開源的一個JavaScript靜態型別檢查器,用於發現JavaScript程式中的型別錯誤。)

$ brew install flow
複製程式碼

5.react-native-cli(react-native-cli是React Native的命令列工具,安裝react-native-cli後我們就能夠通過react-native相關命令管理ReactNative工程)

$ npm install -g react-native-cli
複製程式碼

Android環境安裝

1.AndroidStudio推薦3.0版本

注意事項:
* 勾選Performance和Android Virtual Device
* 安裝相關SDK Platforms,記得勾選Show Package Details
* 安裝SDK Tools 必須是這個版本 Android SDK Build-Tools 23.0.1,記得勾選Show Package Details。
* ANDROID_HOME環境變數設定。(見下面 配置jdk)
複製程式碼

2.JDK1.8版本(Java Development Kit [JDK] 1.8)

必須是這個版本,再高的版本會報錯,不支援!

mac下切換jdk版本教程:
(檢視當前: ls /Library/Java/JavaVirtualMachines)
1.vim ~/.bash.profile
2.進入後:修改 儲存:
export JAVA_8_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0.jdk/Contents/Home
export JAVA_10_HOME=/Library/Java/JavaVirtualMachines/jdk10.0.1jdk/Contents/Home
3. alias命令動態切換JAVA_HOME的配置:
alias jdk8='export JAVA_HOME=$JAVA_8_HOME'
alias jdk10='export JAVA_HOME=$JAVA_10_HOME'
4.立即生效:
source ~/.bash_profile
5.使用指令:jdk8 or jdk10 切換版本即可(java -version 檢視當前jdk版本)
複製程式碼

執行

開啟模擬器,進入專案的根目錄,也就是有package.json檔案的目錄,執行

react-native run-android
複製程式碼

參考資料:

相關文章