Flutter 建立第一個專案 for mac

iOS_developer_zhong發表於2020-10-26

接著上文搭建好了Flutter的基本環境。 現在我們來開始建立一個Flutter專案。 

Android studio 方式

1.  利用 android studio 建立專案。 

2. 下載Flutter 和 dart 外掛, 路徑開啟 Android Studio  --  Preferences  -- plugins --  搜尋  Flutter 和  dart ,下載完畢後,就重啟 Android studio. 

3. 如果出現下圖選單中多了個 新建flutter專案,說明外掛安裝成功,可成功建立專案了。 

4. 如果想執行這個Flutter專案, 可通過終端。 進入這個專案的根目錄。 然後在使用  flutter fun 

出現上面這個圖,恭喜你,說明專案已經執行到真機上了。 

5.  除了通過命令列啟動命令, 也可以通過Android studio 自身的直接啟動flutter專案,注意下面圖,選對flutter sdk的路徑。 

 

 

VS Code  (Visual  studio Code)  方式. 

1. 下載 Vs Code  ,下載地址

2. 安裝外掛 Flutter  , Dart 。 

3. 我這裡出現了連結不上擴充套件商城。 用了網上的各種方法都不行,解除安裝重灌,改代理等等。 

4. 最後只能通過下載離線外掛,然後手動安裝外掛這個方法  ,外掛下載地址 : 下載地址

5. 安裝完畢後,重啟VSCODE ,  快捷鍵  commond + ctrl + p ,輸入 flutter ,新建 一個flutter專案

6. 什麼都不要動,我們開始執行專案,點選下方按鈕,開始除錯專案。 我是一次跑起專案,大功告成。 

相關文章