vscode+flutter+android studio開發環境搭建

環境要求

因爲Flutter SDK和Android Studio以及後續安卓模擬器體積很大,因此建議C盤的空間至少要有10G以上的可用空間。
前端

下載Flutter SDK

進入Flutter官網下載最新版本的Flutter SDK,若是遇到網絡問題,請百度解決。
1.pngandroid

2.png
下載完成後,解壓獲得下面的文件夾,爲了避免windows環境下的路徑問題,因此我把flutter文件夾解壓到了C盤根目錄下。
flutter-sdk.png
將flutter sdk 放到C盤後,打開CMD,執行flutter doctor
檢測flutter 環境是否正常,從下圖可知,我這邊的flutter版本是v1.2.1的版本。因爲我這邊Android Studio、安卓模擬器和VSCode的環境已經配置好了,因此都是顯示綠色的對勾。
flutter-doctor.png
建立一個新的flutter項目
image.png
windows

配置VSCode環境

Vscode是微軟出品的輕量級編輯器,前端必備。使用vscode開發flutter須要安裝專門的Flutter插件,安裝方式以下圖:打開擴展-->搜索flutter-->點擊綠色安裝按鈕(該插件會將flutter和dart所需環境配置好)
flutter-vscode.png
flutter-plugin.png
網絡

安裝Android Studio

進入官網下載最新版的Android Studio,因爲個人電腦系統是window 10 ,因此顯示的下載版本是windows的版本。
Android-studio.png
點擊file-->setting-->plugin,安裝Android studio 中的flutter和Dart擴展
setting.png
Android-plugin.png
安裝完成後打開建立的flutter項目,Android studio 會自動加載相關文件
flutter項目結構.png
啓動安卓模擬器
image.png
image.png
4.png編輯器

相關文章
相關標籤/搜索