Flutter從入門到踏進半隻腳

肥美的洪洪哥發表於2020-03-02
  • 系統環境: window 10 64位
  • 軟體版本: git 2.25;flutter 1.12.13;android SDK 29.0.3
  • IDE: idea 2018.3 (Plugins搜尋flutter外掛安裝,一般會要求一起安裝dart)
  • 真機: 小米8

一、安裝 Git

需要先安裝git,如已安裝請忽略,官網下載太慢,建議國內映象下載: Git映象,選擇合適版本下載,安裝完成後可在命令列輸入 git --version 檢視是否安裝成功。

二、安裝 Flutter SDK

下載完成後是個zip壓縮包,解壓到你喜歡的地方。 配置系統環境變數(目錄按照實際情況)

校驗flutter是否正常,命令列輸入 flutter doctor,第一次比較久,一般會出現如下圖(本人相關軟體已安裝完成,所以截圖顯示正常):

C6}PCV5JQV$8NS3BYGH5JUP
如果某些沒有安裝則會提示錯誤。

三、安裝 Android SDK

下載完成後是一個zip壓縮包,解壓到你喜歡的地方。 編輯系統環境變數(按照實際目錄)

  • ANDROID_HOME = D:\JAVA\android\android-sdk_r24.4.1-windows\android-sdk-windows
  • Path = %ANDROID_HOME%\platform-tools
  • Path = %ANDROID_HOME%\tools

開啟檔案會發現一個 SDK Manager.exe 程式,開啟它後可按下圖安裝相關選項:

TIM圖片202002281855

TIM圖片20200228181808
安裝完成後命令列 輸 adb 有反應就對了。

四、idea配置

IDEA支援 flutter需要安裝外掛,File - Setting - Plygins 搜尋 flutter,安裝完成後還需要配置,如下圖。

  • flutter
    TIM圖片20200228182824
  • Dart
    TIM圖片20200228182828
  • SDKs
    TIM圖片20200228183038

五、連線裝置

新建專案,選擇 flutter,會生成一個demo,USB連線手機,手機開啟開發者模式,選擇 lib/main.dart檔案 RUN,則會在手機上跑起 demo應用。

TIM圖片20200228184037

相關文章