Windows 安裝程式
注意:你無法在 Windows 上為 iOS 開發 react-native 應用程式,只能在本機安卓應用程式中進行反應。
可以在此處找到 Windows 上的 react-native 官方設定文件。如果你需要更多詳細資訊,請在此處提供詳細指南 。
工具/環境
- Windows 10
- 命令列工具(例如 Powershell 或 Windows 命令列)
- Chocolatey ( 通過 PowerShell 設定的步驟 )
- JDK(版本 8)
- Android Studio
- 為 HAXM 啟用虛擬化技術的 Intel 計算機(可選,僅在你要使用模擬器時才需要)
1)設定你的機器以進行本機開發
以管理員身份啟動命令列執行以下命令:
choco install nodejs.install
choco install python2
以管理員身份重新啟動命令列,以便執行 npm
npm install -g react-native-cli
在執行最後一個命令後,複製了安裝了 react-native 的目錄。對於第 4 步,你將需要這個。我在兩臺計算機上嘗試過這種情況,例如:C:\Program Files (x86)\Nodist\v-x64\6.2.2
。在另一個是:C:\Users\admin\AppData\Roaming\npm
2)設定環境變數
通過導航到以下命令開啟環境變數視窗:
[右鍵單擊]開始選單 - >系統 - >高階系統設定 - >環境變數
在底部找到 Path
系統變數,並在步驟 1 中新增 react-native 的安裝位置。
如果你還沒有新增 ANDROID_HOME 環境變數,那麼你也必須在此處執行此操作。仍然在環境變數視窗中,新增一個名為“ANDROID_HOME”的新系統變數,並將值作為 android sdk 的路徑。
然後以管理員身份重新啟動命令列,以便在其中執行 react-native 命令。
3)建立專案在命令列中,導航到要放置專案的資料夾並執行以下命令:
react-native init ProjectName
4)執行專案從 android studio 啟動模擬器在命令列中導航到專案的根目錄並執行它:
cd ProjectName
react-native run-android
你可能會遇到依賴性問題。例如,可能存在錯誤,即你沒有正確的構建工具版本。要解決此問題,你必須在 Android Studio 中開啟 sdk 管理器並從那裡下載構建工具。
恭喜!
要重新整理 ui,你可以在模擬器中執行應用程式兩次按 r
鍵。要檢視開發人員選項,你可以按 ctrl + m
。