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

建立項目

建立Flutter項目有不少種方法,各個IDE工具也都集成了建立Flutter項目的快捷操做。咱們這裏列舉三種方式:使用命令行建立、使用Android Studio建立和使用VSCode建立。android

文末附有視頻教程windows

  • 使用命令行建立
    在Flutter安裝完以後,咱們就已經配置好了命令行工具,命令行工具很強大,能夠知足咱們平常開發Flutter的全部操做(若是你尚未安裝好Flutter環境,能夠參考這裏來安裝)。
    咱們只須要打開命令行工具 輸入:
    flutter create flutter_app

    其中 flutter_app是咱們項目的名字。bash

  • 使用 Android Studio 建立
    咱們打開 Android Studio,點擊左上角 File->New->New Flutter Project 便可。
    2020_10_25_android_create
  • 使用 VSCode建立
    點擊VSCode上方按鈕 View->Command Palette..
    2020_10_25_vscode_view.png
    而後在彈出的輸入框內輸入關鍵字flutter回車就能夠了建立項目了。
    2020_10_25_vscode_flutter

使用Android Studio 運行 計數器項目

用 Android Studio打開咱們剛剛建立的項目flutter_app
打開以後咱們先選擇一下模擬器,而後直接點擊運行就能夠了。
2020_10_25_android_select_deviceapp

使用VSCode 運行 計數器項目

用VSCode打開項目flutter_app,找到目錄下的 main.dart文件打開
2020_10_25_vscode_main_dart
而後點擊右上角運行按鈕就能夠了。
2020_10_25_vscode_runide

視頻教程

公衆號

相關文章
相關標籤/搜索