react-native安裝流程

1.npx react-native init AwesomeProject報錯

執行 cd ./demo/ios && pod install 即可解決

2.安裝JDK

（1）brew install adoptopenjdk/openjdk/adoptopenjdk8
執行專案下執行react-native doctor 報錯
✖ JDK

• Version found: 1.8.0_191
• Version supported: >= 8
  

這個報錯不影響環境，注意 1.8 版本官方也直接稱 8 版本，是doctor識別不了

3.建立配置檔案為~/.zshrc

（1）. 可以使用echo $0命令檢視你所使用的 shell
（2）.建立配置檔案為~/.zshrc
（如果是 bash 則為~/.bash_profile）
在命令列輸入 touch .zshrc 檢視是否建立成功 則使用open $HOME/.zshrc 開啟資料夾表示建立成功
（3）開啟終端，輸入：/usr/libexec/java_home -V

檢視java安裝路徑，在配置java環境變數（不一定需要，但是我進行配置了）

JAVA_HOME=/Library/Java/JavaVirtualMachwww.cppcns.comines/jdk1.8.0_191.jdk/Contents/Home CLASSPAHT=.: J A V A H O M E / l i b / d t . j a r : JAVA_HOME/lib/dt.jar: JAVAH​OME/lib/http://www.cppcns.com

dt.jar:JAVA_HOME/lib/tools.jar PATH= J A V A H O M E / b i n : JAVA_HOME/bin: JAVAH​OME/bin:PATH: export JAVA_HOME export CLASSPATH

執行Java - version，顯示

則安裝成功

2.安裝android sdk時報錯版本不匹配，點選show Package Details安裝對應的版本

配置 ANDROID_HOME 環境變數

（1）在Android studio中檢視sdk的安裝路徑

（2）在.zshrc 中配置 ANDROID_HOME 環境變數
export ANDROID_HOME= H O M E / L i b r a r y / A n d r o i d / s d k e x p o r t P A T H = HOME/Library/Android/sdk export PATH= HOME/Library/Android/sdkexportPATH=PATH: A N D R O I D H O M E / e m u l a t o r e x p o r t P A T H = ANDROID_HOME/emulator export PATH= ANDROIDH​OME/emulatorexportPATH=PATH: A N

程式設計客棧 D R O I D H O M E / t o o l s e x p o r t P A T H = ANDROID_HOME/tools export PATH= ANDROIDH​OME/toolsexportPATH=PATH: A N D R O I D H O M E / t o o l s / b i n e x p o r t P A T H = ANDROID_HOME/tools/bin export PATH= ANDROIDH​OME/tools/binexportPATH=PATH:$ANDROID_HOME/plobnovatform-tools

環境安裝成功

4.執行 npm run android

現實不能安裝app，報錯埠8081裡面報錯，切換了國外資料來源後安裝正常

到此這篇關於react native環境安裝的文章就介紹到這了,更多相關react natihttp://www.cppcns.comve環境安裝內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！