Flutter環境安裝

這篇來簡單紀錄一下 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