flutter環境搭建

flutter環境搭建

安裝

• 安裝 flutter SDK

  git clone https://github.com/flutter/flutter.git

• 配置 flutter 環境變量

  將bin目錄配置到path中

• 安裝 Android Studio

  https://developer.android.google.cn/studio/

環境配置

• 添加 監聽

  flutter doctor --android-licenses

• 使用vsCode開發

    1.安裝 flutter插件
    2. 查看 -> 命令面板 -> 輸入 doctor
        -> 選擇 Flutter: Run Flutter Doctor
        -> 查看OUTPUT窗口是否有問題
    3. 重啓vsCode -> 查看 -> 命令面板 -> 輸入 flutter
        -> 選擇 Flutter: New Project

• 使用Android Studio開發

  安裝插件：
    1. 打開插件首選項
        macOS：Preferences -> Plugins
        Windows：File -> Settings -> Plugins
    2. 選擇 Browse repositories… -> 選擇 flutter 插件並點擊 install

• 開啓熱重載

    1. 打開lib/main.dart文件
    2. 將You have pushed the button this many times中pushed改成 checked
    3. 用熱重載按鈕(閃電圖標/綠色圓形箭頭按鈕)

連接Android模擬器

• Tools -> AVD Manager -> Create Virtual Device. -> 直到finish
• 將 ADB 添加到環境變量
  1. Settings -> Appearance -> system setting -> android sdk (copy sdk 路徑)
  2. 添加 Sdk\platform-tools 到環境變量

extract

• 檢驗環境是否安裝成功

  flutter doctor

• 如果在能使用android模擬器卻不能flutter run
  • 以管理員身份運行 android studio
  • 清除as緩存 File -> Invalidate Caches
  • 安卓版本太高，降級到8.1。（flutter版本 1.2.1）