1. 程式人生 > 實用技巧 >【Flutter 1-5】執行Flutter的第一個專案——計數器

【Flutter 1-5】執行Flutter的第一個專案——計數器

建立專案

建立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檔案開啟

然後點選右上角執行按鈕就可以了。

視訊教程