Flutter入門配置的坑

學習一直是做技術的必經之路,開始按照官網配置真的是入門到放棄,後來有個師兄介紹了我一個好文章。以此來記錄我的flutter的環境配置

首先flutter 是需要依賴於brew,但是brew 是根據ios 系統版本來的,開始這塊我不清楚,也不知道系統自帶了brew。於是一直在安裝/更新上碰壁。由於牆的原因,執行brew update 一直失敗。我就放棄了update。我的mac 系統10.14.1 ,在終端brew --version 查看brew的版本爲Homebrew 1.8.6 。於是開始了Flutter的環境配置以及安裝過程

1.    到Flutter https://flutterchina.club/setup-macos/官網下載SDK 到本地

我放置的路徑在/Users/****/Downloads/flutter(***代表我的電腦用戶名稱)

2.終端一次執行根目錄下執行 

2.1  vim ~/.bash_profile如下圖 

vim 編輯器主要內容如下:

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH=/Users/***/Downloads/flutter/bin:$PATH

 2.2 vim 保存退出。之後執行source ~/.bash_profile 

2.3 flutter -h  驗證flutter環境是否配置成功,假如你看到了如下的界面代表你環境配置成功了

 3.配置安卓Android Studio

我已提前下載好Android Studio。使用flutter doctor 檢查一下flutter的環境配置

 所以打❌ 的都是需要解決的。按照提示解決,上面給的步驟已然詳細列出

我們先來看這個問題

3.1 Android Studio3.4【✗ Flutter plugin not installed; this adds Flutter specific functionality.

✗ Dart plugin not installed; this adds Dart specific functionality.】意思是缺少Flutter 的插件。

解決方法:打開Android Studio ,搜索flutter 找到對應的插件進行安裝,如下圖;我先安裝的flutter 總是提示安裝失敗,於是我先安裝了Json2Dart,安裝成功了

3.2 Intellij IDEA 2018.2.6【✗ Flutter plugin not installed; this adds Flutter specific functionality.

✗ Dart plugin not installed; this adds Dart specific functionality.】解決方法,我直接卸載了這個軟件(簡單粗暴)也是可以直接在Intellij IDEA 中設置安裝插件的。

flutter  doctor 執行一下。如下圖

3.3 解決這個警告

【[!] Android toolchain - develop for Android devices (Android SDK version 29.0.0)

    ! Some Android licenses not accepted. 

To resolve this, run: flutter doctor --android-licenses】

按照終端給的提示,在終端執行flutter doctor --android-licenses 在根據提示一步步操作就OK了,不上圖了。

4,安卓模擬器配置

 

 接下來如下圖,下載,安卓模擬器完成

5.IOS環境配置 flutter 1.5.4的sdk 安裝包需要Xcode10.12.1

終端依次執行如下命令: (install的過程超級超級慢,說來你們肯定不信,我準備按control+c 停止,竟然開始下載了,反正我自己都不敢信,也許是暫停了更新,直接安裝)

$ brew install --HEAD usbmuxd

$ brew unlink usbmuxd

$ brew link usbmuxd

$ brew install --HEAD libimobiledevice

$ brew install ideviceinstaller

執行完成之後,flutter doctor 檢查發現還有一個問題需要解決,如圖

按照圖示執行  brew install ios-deploy ,完成之後再次執行flutter doctor檢查flutter的環境配置是否成功???

如下圖出現一個問題【[!] Connected device】 

解決方法:添加模擬器時,新建了一個項目,此時需要運行一個,然後會執行沒有安裝模擬的操作,然後啓動模擬器。

 

運行模擬器成功之後,【[!] Connected device】 解決之後,使用flutter doctor 檢測,如下,完美謝幕~~哈哈哈

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章