Flutter環境安裝

安裝步驟

下載Flutter

下載連結|Install | Flutter

放置下載的檔案

將檔案解壓縮後,放到一個沒有特殊字元與空格的路徑(C:\src\flutter)

將Flutter路徑放入環境變數Path中

  1. 點選Windows,輸入「環境變數」,點選進入「編輯系統環境變數」
  2. 將上面放置flutter的路徑加到「使用者變數」中
  3. 確認是否設定成功
    1. 關閉windows console,並重新開啟
    2. 輸入「where flutter dart」
    3. 確認是否有顯示可執行檔的正確位置
C:\>src\flutter\where flutter dart
C:\path-to-flutter-sdk\bin\flutter
C:\path-to-flutter-sdk\bin\flutter.bat
C:\path-to-dart-sdk\bin\dart.exe        :: this should go after `C:\path-to-flutter-sdk\bin\` commands
C:\path-to-flutter-sdk\bin\dart
C:\path-to-flutter-sdk\bin\dart.bat

執行 flutter doctor

依照回報的狀況進行修正

建立Web專案

執行以下指令

flutter create 專案名稱

進行Debug

flutter run -d chrome

建構web發佈版本

flutter build web

於本地端運行

安裝httpd

dart pub global activate dhttpd

於本地端運行

變更執行目錄

cd build/web

開始執行httpd

dart pub global run dhttpd

dart pub global run dhttpd --path build\web\
在指定的路徑下啟動

其他

flutter的版本更新

#會列出目前的flutter版本channel(目前有master、beta、dev、stable)
flutter channel

#切換flutter版本
flutter channel channel名稱

#檢查flutter版本
flutter --version

#版本更新
flutter upgrade