文章首發(fā)地址
文末附帶有視頻教程
創(chuàng)建項(xiàng)目
創(chuàng)建Flutter項(xiàng)目有很多種方法，各個(gè)IDE工具也都集成了創(chuàng)建Flutter項(xiàng)目的快捷操作。我們這里列舉三種方式：使用命令行創(chuàng)建、使用Android Studio創(chuàng)建和使用VSCode創(chuàng)建。
- 使用命令行創(chuàng)建
在Flutter安裝完之后，我們就已經(jīng)配置好了命令行工具，命令行工具很強(qiáng)大，可以滿足我們?nèi)粘ｉ_發(fā)Flutter的所有操作（如果你還沒有安裝好Flutter環(huán)境，可以參考這里來安裝）。
我們只需要打開命令行工具 輸入:
其中flutter create flutter_appflutter_app是我們項(xiàng)目的名字。 - 使用 Android Studio 創(chuàng)建
我們打開 Android Studio，點(diǎn)擊左上角File->New->New Flutter Project即可。
2020_10_25_android_create - 使用 VSCode創(chuàng)建
點(diǎn)擊VSCode上方按鈕View->Command Palette..
2020_10_25_vscode_view.png
然后在彈出的輸入框內(nèi)輸入關(guān)鍵字flutter回車就可以了創(chuàng)建項(xiàng)目了。
2020_10_25_vscode_flutter
使用Android Studio 運(yùn)行 計(jì)數(shù)器項(xiàng)目
用 Android Studio打開我們剛剛創(chuàng)建的項(xiàng)目flutter_app
打開之后我們先選擇一下模擬器，然后直接點(diǎn)擊運(yùn)行就可以了。
2020_10_25_android_select_device
使用VSCode 運(yùn)行 計(jì)數(shù)器項(xiàng)目
用VSCode打開項(xiàng)目flutter_app，找到目錄下的 main.dart文件打開
2020_10_25_vscode_main_dart
然后點(diǎn)擊右上角運(yùn)行按鈕就可以了。
2020_10_25_vscode_run
