上篇文章炎疆,我們已經(jīng)初步的搭建了Flutter開發(fā)平臺(神馬,你還沒有看燥爷,點擊這里去學(xué)習(xí)),接下來將來編寫和運行我們第一個Flutter程序
Ary you Ready ? 我們要開車了
官方中文文檔相關(guān)內(nèi)容地址:https://flutter.cn/docs/get-started/test-drive?tab=terminal
一洲押、命令行創(chuàng)建和運行(速成版)
使用 flutter create 命令來創(chuàng)建新的工程:
flutter create hello_world
cd my_app
運行應(yīng)用
根據(jù)自己需要的平臺啟動對應(yīng)模擬器,比如:啟動iphone
flutter run
不出意外的話凄吏,你就可以看到在你的iphone模擬器中,啟動了Flutter的示列程序
不出意外的情況下,還出了意外運行不起來,怎么辦
1痕钢、需要科學(xué)上網(wǎng)情況
2图柏、環(huán)境和模擬器異常
參考:
二、Visual Studio Code創(chuàng)建和運行
1任连、安裝和配置 VS Code
參考官方網(wǎng)站教程: https://flutter.cn/docs/get-started/editor?tab=vscode
2蚤吹、創(chuàng)建項目
1、打開 View > Command Palette
2 课梳、輸入「flutter」距辆,選擇 Flutter: New Project, 選擇 Application暮刃。
3、新建或選擇新項目將存放的上層目錄爆土。
4椭懊、輸入項目名稱,例如Hello world步势,并點擊 Enter氧猬。
5、等待項目創(chuàng)建完成坏瘩,并且 main.dart 文件展現(xiàn)在編輯器中盅抚。
3、運行項目
1倔矾、選擇調(diào)試設(shè)備
2妄均、運行
運行 Run > Start Debugging 或按下 F5。
三哪自、Android Studio創(chuàng)建和運行
1丰包、安裝和配置 Android Studio
參考官方網(wǎng)站教程: https://flutter.cn/docs/get-started/editor?tab=androidstudio
2、創(chuàng)建項目
1壤巷、打開 IDE 并選中 New Flutter Project邑彪。
2、選擇 Flutter胧华,驗證 Flutter SDK 的路徑寄症。完成后選擇 Next。
3矩动、輸入項目名稱(例如 my_app),選擇 Application 的項目類型有巧,完成后選擇 Next。點擊 完成,等待 Android Studio 完成項目的創(chuàng)建铅忿。
4剪决、點擊右邊畫線按鈕,啟動安卓模擬器,在左邊畫線處選擇剛啟動的安卓設(shè)備
5柑潦、點擊運行
四享言、Flutter熱重載體驗
以Android Studio下為列:
1、點擊畫圈按鈕渗鬼,修改項目預(yù)覽方式為project
2览露、打開lib目錄下的main.dart,修改34行代碼
3、同時按下cmd+s快捷鍵譬胎,title改變了差牛,對iOS Natvie開發(fā)的我感覺是降維打擊