【Flutter 1-5】執行Flutter的第一個專案——計數器
阿新 • • 發佈:2020-11-02
建立專案
建立Flutter專案有很多種方法,各個IDE工具也都集成了建立Flutter專案的快捷操作。我們這裡列舉三種方式:使用命令列建立、使用Android Studio建立和使用VSCode建立。
文末附有視訊教程
- 使用命令列建立
在Flutter安裝完之後,我們就已經配置好了命令列工具,命令列工具很強大,可以滿足我們日常開發Flutter的所有操作(如果你還沒有安裝好Flutter環境,可以參考這裡來安裝)。
我們只需要開啟命令列工具 輸入:
其中flutter create flutter_app
flutter_app
是我們專案的名字。 - 使用 Android Studio 建立
我們開啟 Android Studio,點選左上角File
New
->New Flutter Project
即可。
- 使用 VSCode建立
點選VSCode上方按鈕View
->Command Palette..
然後在彈出的輸入框內輸入關鍵字flutter
回車就可以了建立專案了。
使用Android Studio 執行 計數器專案
用 Android Studio開啟我們剛剛建立的專案flutter_app
開啟之後我們先選擇一下模擬器,然後直接點選執行就可以了。
使用VSCode 執行 計數器專案
用VSCode開啟專案flutter_app
,找到目錄下的 main.dart
檔案開啟
然後點選右上角執行按鈕就可以了。