Flutter windows環境搭建

準備工作:根據官網加一點點修改https://flutterchina.club/setup-windows/

獲取Flutter SDK

  1. 去flutter官網下載其最新可用的安裝包

  2. 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter;注意,不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\)。

  3. 在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行並啓動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了。(注意,這個不是自動設置環境變量,環境變量依然要自己設置)

添加環境變量

要在終端運行 flutter 命令, 你需要添加以下環境變量到系統PATH:

  • 轉到 “控制面板>用戶帳戶>用戶帳戶>更改我的環境變量”,假如是windows10按win+q,輸入“環境變量”看到“編輯環境變量”,回車進入環境變量編輯
  • 在“用戶變量”下檢查是否有名爲“Path”的條目:
    • 如果該條目存在, 追加 flutter\bin的全路徑,使用 ; 作爲分隔符.(“;”爲英文字符)
    • 如果條目不存在, 創建一個新用戶變量 Path ,然後將 flutter\bin的全路徑作爲它的值.
  • 在“用戶變量”下檢查是否有名爲”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的條目,如果沒有,也添加它們。他們分別爲
    PUB_HOSTED_URL=https://pub.flutter-io.cn
    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

重啓Windows以應用此更改(並不需要重啓)

運行 flutter doctor

打開一個新的命令提示符或PowerShell窗口並運行以下命令以查看是否需要安裝任何依賴項來完成安裝:

 flutter doctor

在命令提示符或PowerShell窗口中運行此命令。目前,Flutter不支持像Git Bash這樣的第三方shell。

該命令檢查您的環境並在終端窗口中顯示報告。Dart SDK已經在捆綁在Flutter裏了,沒有必要單獨安裝Dart。 仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執行的任務(以粗體顯示)

例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

第一次運行一個flutter命令(如flutter doctor)時,它會下載它自己的依賴項並自行編譯。以後再運行就會快得多。

以下各部分介紹如何執行這些任務並完成設置過程。你會看到在flutter doctor輸出中, 如果你選擇使用IDE,我們提供了,IntelliJ IDEA,Android Studio和VS Code的插件。

一旦你安裝了任何缺失的依賴,再次運行flutter doctor命令來驗證你是否已經正確地設置了。

IntelliJ IDEA編輯器設置(android studio 是差不多的做法,甚至坑更少)

前置工作爲Android SDK安裝,這裏說明,請仔細百度,並創建好android avd。

安裝完IDEA後,點擊File-》Settings-》Plugians-》在右側搜索Flutter 安裝 Flutter插件,一般這時候會讓你選擇是否安裝Dart插件,允許就可以了,如果錯過了,再搜索Dart插件安裝。重啓

點擊File-》new-》project-》Flutter-》next(耐心等待,不要多點)-》命名工程(只允許使用小寫字母、數字與下劃線,如果命名爲"flutter_"開頭的話,可能會與flutter倉庫衝突)-》Finish(等。。。)一定要等,一定要有耐心,一定不要點點點不停點(android studio是 File-》new-》new Flutter-》...)。

完了後,會自動打開/lib/main.dart,這時候不要慌,File-》setting-》Languages&Frameworks Dart-》然後如下圖,(android studio是在新建工程的過程中配置,一樣的配置。)。

(懂?)-》然後不要慌-》修改/android/build.gradle-》將

google()
jcenter()

修改爲

maven {url 'http://maven.aliyun.com/repository/google/'}
maven {url 'http://maven.aliyun.com/repository/jcenter/'}

-》不急(考驗android基礎來了)-》看懂/android/app/build.gradle-》也不用全看懂,注意以下這幾個變量就行,修改爲你已安裝的Android SDK的版本,可以省很多時間

android {
    compileSdkVersion 28
    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 27
    }
}

接下來你應該能看到

恩,沒了,如果幸運的話就跑起來了,不幸運的話app會閃退,這個時候,可以在項目根目錄運行cmd

flutter run --enable-software-rendering

日了狗,搞了這麼多,不能在idea裏面操作還要另開一個CMD窗口??!!!不存在的,不要慌

點擊Edit Configurations

在 Additional arguments加上 --enable-software-rendering

 

最後:如果你抱怨avd太卡,可以下載夜神模擬器,安裝並打開模擬器後,進入安裝目錄.\bin,打開cmd,輸入

nox_adb.exe connect 127.0.0.1:62001

可以看到

這個就不卡多了

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