flutter環境搭建mac版

NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

本文詳細介紹在mac下配置flutter環境的每一個步驟,通過圖文的方式使得讀者快速理解和掌握flutter的環境搭建流程。

下載flutter

推薦去官網下載,速度並不慢,網址:

https://flutter.io/setup-macos/

點選連結:

筆者在寫這篇文章時候的連結為:

https://storage.googleapis.co…

配置環境變數

先把剛才下載的flutter_macos_v0.3.2-beta.zip解壓縮,筆者選擇使用的目錄是根目錄下的app資料夾

配置環境變數,這裡筆者使用命令列:

vim ~/.bash_profile

增加一行:

export PATH=/app/flutter/bin:$PATH

儲存一下,注意如果這個檔案不存在,那麼就新建一個。儲存完畢之後執行命令:

source ~/.bash_profile

這個時候應該能執行flutter命令了,我們執行命令列:

flutter -h

這個時候應該能展示flutter的命令幫助:

檢查環境

執行命令列:

flutter doctor

按照檢測結果的說明,如果有[!] ✗ 標誌,表示本行檢測不通過,需要做一些設定或者安裝一些軟體。

[!] Android toolchain – develop for Android devices (Android SDK 27.0.3)

! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licens

需要執行

flutter doctor --android-licens

這裡介面會要求輸入Y/N,一路輸入Y就行了。

✗ ideviceinstaller is not installed; this is used to discover connected iOS devices.

  To install, run:
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
✗ ios-deploy not installed. To install:
    brew install ios-deploy
✗ CocoaPods not installed.
    CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side.
    Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS.
    For more info, see https://flutter.io/platform-plugins
  To install:
    brew install cocoapods
    pod setup
    

執行命令:

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

這個步驟有點慢…

當然讀者看到的也許和筆者不太一致,請酌情處理。

這裡出現了個錯誤,按照說明,執行:

brew link --overwrite cocoapods

然後繼續執行:

pod setup

如果直接執行這個命令,會相當慢,那麼我們曲線解決:

cd ~/.cocoapods/repos
git clone https://github.com/CocoaPods/Specs.git

如果還是太慢,那麼去

連結:https://pan.baidu.com/s/1mQ1V… 密碼:lax1

下一份,解壓縮到~/.cocoapods/repos/master目錄

[✓] Android Studio (version 3.0)

✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.

開啟android studio, 開啟plugin

輸入flutter搜尋,點選中間的 Search in repositories

點選install,順利的話安裝完畢之後重啟android studio

再次執行

flutter doctor

注意這裡有個坑,如果按照指引來做,會一直卡在這裡。這裡要先重灌一下python,執行下面的命令:

brew reinstall [email protected]
pip install six

再次執行

flutter doctor

如果順利,可以看到環境ok

至此,我們的環境就搭建完畢了,可以愉快的開發了。如果還有疑問,那麼可以聯絡qq 2217470481,我們一起探討。

相關文章

IOS開發 最新文章