天天看點

【Flutter 1-5】運作Flutter的第一個項目——計數器

【Flutter 1-5】運作Flutter的第一個項目——計數器

建立Flutter項目有很多種方法,各個IDE工具也都內建了建立Flutter項目的快捷操作。我們這裡列舉三種方式:使用指令行建立、使用Android Studio建立和使用VSCode建立。

建立項目

建立Flutter項目有很多種方法,各個IDE工具也都內建了建立Flutter項目的快捷操作。我們這裡列舉三種方式:使用指令行建立、使用Android Studio建立和使用VSCode建立。

文末附有視訊教程
  • 使用指令行建立

    在Flutter安裝完之後,我們就已經配置好了指令行工具,指令行工具很強大,可以滿足我們日常開發Flutter的所有操作(如果你還沒有安裝好Flutter環境,可以參考這裡來安裝)。

    我們隻需要打開指令行工具 輸入:

    flutter create flutter_app
               
    其中

    flutter_app

    是我們項目的名字。
  • 使用 Android Studio 建立

    我們打開 Android Studio,點選左上角

    File

    ->

    New

    ->

    New Flutter Project

    即可。
    【Flutter 1-5】運作Flutter的第一個項目——計數器
  • 使用 VSCode建立

    點選VSCode上方按鈕

    View

    ->

    Command Palette..

    【Flutter 1-5】運作Flutter的第一個項目——計數器
    然後在彈出的輸入框内輸入關鍵字

    flutter

    回車就可以了建立項目了。
    【Flutter 1-5】運作Flutter的第一個項目——計數器

使用Android Studio 運作 計數器項目

用 Android Studio打開我們剛剛建立的項目

flutter_app

打開之後我們先選擇一下模拟器,然後直接點選運作就可以了。

【Flutter 1-5】運作Flutter的第一個項目——計數器

使用VSCode 運作 計數器項目

用VSCode打開項目

flutter_app

,找到目錄下的

main.dart

檔案打開

【Flutter 1-5】運作Flutter的第一個項目——計數器

然後點選右上角運作按鈕就可以了。

【Flutter 1-5】運作Flutter的第一個項目——計數器
視訊教程