Expo 環境配置和安裝指南

莫比烏斯環發表於2018-10-24

本篇是關於Expo官方文件的翻譯,翻譯水平有限,如有疑問可參閱官方文件或留言我們一起探討,謝謝。原文見https://docs.expo.io/versions/v30.0.0/introduction/installation

注:如有版權問題請及時與我聯絡,謝謝!

開發 Expo 應用程式你需要兩種工具:本地開發工具和可以開啟您的Expo應用的手機客戶端。

本地開發工具: Expo CLI

Expo CLI 是開發Expo應用程式的工具。除了命令列介面(CLI)它也有一個圖形使用者介面,可以在你的web瀏覽器裡彈出。通過Expo開發者工具你可以快速設定您的測試裝置,檢視日誌等等。

您的電腦需要安裝有Node(版本>=6),下載最新Node.js版本.

通過執行如下程式碼安裝Expo CLI:

npm install -g expo-cli
複製程式碼

手機客戶端: Expo 對應 iOS 和 Android

Expo客戶端幫助您檢視正在開發中的專案。當您通過Expo CLI部署啟動您的專案時,它會生成一個開發地址URL,您可以通過Expo客戶端開啟這個地址預覽您的應用程式。 在Android手機上,您也可以通過Expo客戶端瀏覽其他人expo.io的專案。Expo客戶端工作在裝置、模擬器和模擬器上。

在您的裝置上

Android使用者從Google Play Store上下載 或者 iOS 使用者可以到 App Store下載

要求 Android 和 iOS 最低版本配置: Expo在 Android中最低支援 Android4.4,IOS 最低版本iOS 9.0。

您不需要去手動安裝Expo客戶端在您的模擬器和模擬器上,因為Expo CLI在安裝的過程中會為您自動完成這些操作。詳情見本指南下一章節。

iOS 模擬器

安裝通過蘋果商店Xcode. 這可能需要一段時間,去打個盹吧。下一步,開啟Xcode,開啟偏好選項卡並且從列表中選擇一個模擬器進行安裝。

完成上述操作,啟動一個模擬器並在Expo開發工具中啟動一個專案,如此在工具中您就可以點選 Run on iOS simulator 執行工程,它將安裝Expo客戶端到您的模擬器中並且在當前客戶端啟動您的app。

不能工作? Expo CLI 在自動安裝Expo客戶端方面偶爾會出現問題,通常是由於您的環境與Xcode存在微小的差異。如果您需要手動的安裝Expo客戶端到您的模擬器,您可以跟著如下步驟進行操作:

  • 下載 最新的模擬器構建程式.
  • 抽象這個過程如下: mkdir Exponent-X.XX.X.app && tar xvf Exponent-X.XX.X.tar.gz -C Exponent-X.XX.X.app. 你應該可以得到類似 Exponent-X.XX.X.app這樣的目錄檔案。
  • 確定模擬器是在執行的.
  • 啟動一個終端, 執行如下程式碼 xcrun simctl install booted [path to Exponent-X.XX.X.app].

Android 模擬器

跟著 Android Studio模擬器安裝指南 啟動Android工具和建立一個虛擬機器裝置, 準備好之後啟動這個虛擬機器裝置。

啟動裝置並且在Expo開發工具中啟動一個專案, 在Expo開發工具中您可以按下 Run on Android device/emulator 執行該專案 ,這一操作構建完成會自動安裝Expo客戶端到您的模擬器,並且在其內部啟動當前應用程式。

Watchman

一些 macOS 使用者遭遇問題時,沒有安裝Watchman在他們的機器上,因此我們推薦您安裝Watchman,因此可以實時監測問題發生。Watchman監測檔案和記錄的改變,然後觸發這一行為的響應,一般被使用在React Native的內部。下載 和 安裝 Watchman.

相關文章