本文簡介
搭建基于Visual Studio Code(VsCode)的Flutter開發(fā)環(huán)境.
目標(biāo)用戶:
Flutter初學(xué)者
操作步驟
一、下載并安裝Visual Studio Code
https://code.visualstudio.com/Download
預(yù)計耗時：3分鐘(按照500k/秒下載速度估計)
image
二、安裝插件
-
安裝插件Dart
image -
安裝插件Flutter
image
三、下載JDK8 64位
不能用最新的jdk版本，只能用jdk8 64位.
- 下載。預(yù)計耗時：10分鐘
https://www.cr173.com/soft/79926.html
也可以從oracle官方下載，但是要注冊oracle賬號。 -
安裝JDK并配置JAVA_HOME環(huán)境變量
image
四、下載Flutter SDK
- 下載。預(yù)計耗時：20分鐘
https://flutter.dev/docs/get-started/install
image -
解壓文件并將flutter的bin目錄加入到環(huán)境變量中
image
五、接受安卓Licensse
運行如下命令，然后遇到需要的輸入的地方，輸入y然后回車。
flutter doctor --android-licenses
六、創(chuàng)建工程
- 完成上面步驟后，先重啟一下VsCode
-
按下快捷鍵：Ctrl+Shift+p，然后輸入“flutter”，選擇“Flutter: New Project”
image -
輸入工程名稱,然后選擇存放目錄（注意不要放在flutter sdk目錄下）
image
七、運行工程
-
按F5快捷鍵，選擇“Dart&Flutter”
image -
選擇待運行設(shè)備（如果沒有可運行設(shè)備，就點擊“Create Android emulator”創(chuàng)建一個）
image
八、運行效果圖
image
