建立 Flutter 專案

 上次我們安裝了 Flutter 框架,這次就建立一個 Flutter 專案看看吧!不知道會不會有什麼問題?

首先,打開 VS Code,然後按 Ctrl + Shift + P 建立一個專案。我們可以在搜尋框輸入 flutter,讓 VS Code 能夠更快速知道我們要建立什麼專案。


不過,第一次建立專案時,VS Code 好像找不到 Flutter SDK 的路徑。我們可以點選 Locate SDK,手動設定 Flutter SDK 的路徑。這個路徑就是我們上次用 Git 下載到 C 磁碟裡的 flutter 資料夾。設定完後,重新啟動 VS Code



這次我們重新建立專案時,就不會跳出找不到 Flutter SDK 路徑的警告了。我們先建立一個叫 myapp 的專案吧!建立專案的時候,VS Code 會新增一個專案資料夾到你指定的路徑,並且資料夾的名稱就是專案的名稱。



當專案建立完畢時,我們會看到這個畫面。



接下來,按下右下角一個叫 No Device 的選項,選擇一個模擬器模擬。



選好後,VS Code 會啟動模擬器。等模擬器啟動完畢後,看看有沒有進入預設的專案畫面,如果沒有,可以按按模擬器。



如果你能看到模擬器顯示這個畫面,代表你已經成功囉!

留言

熱門文章