flutter環境搭建

flutter環境搭建

安裝

  • 安裝 flutter SDK

git clone github.com/flutter/flu…android

  • 配置 flutter 環境變量

將bin目錄配置到path中git

  • 安裝 Android Studio

developer.android.google.cn/studio/github

環境配置

  • 添加 監聽

flutter doctor --android-licenses緩存

  • 使用vsCode開發bash

    1.安裝 flutter插件
      2. 查看 -> 命令面板 -> 輸入 doctor
          -> 選擇 Flutter: Run Flutter Doctor
          -> 查看OUTPUT窗口是否有問題
      3. 重啓vsCode -> 查看 -> 命令面板 -> 輸入 flutter
          -> 選擇 Flutter: New Project
    複製代碼
  • 使用Android Studio開發ui

    安裝插件:
      1. 打開插件首選項
          macOS:Preferences -> Plugins
          Windows:File -> Settings -> Plugins
      2. 選擇 Browse repositories… -> 選擇 flutter 插件並點擊 install
    複製代碼
  • 開啓熱重載this

    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 doctorgoogle

  • 若是在能使用android模擬器卻不能flutter run
    • 以管理員身份運行 android studio
    • 清除as緩存 File -> Invalidate Caches
    • 安卓版本過高,降級到8.1。(flutter版本 1.2.1)

文章分享同步於: github.com/zhongmeizhi… 打⭐支持一下唄spa

相關文章
相關標籤/搜索