使用vscode創建第一個App
下載需要的文件
爲了節約時間,需要的東西先下載好
1、下載Flutter SDK:
https://flutter.dev/docs/get-started/install/windows
2、(window10系統的)檢查版本,並更新至Windows10 2018 April(Windows 1803)及以上版本
3、下載 android studio:
https://developer.android.google.cn/studio?hl=zh_cn
4、需要java環境,jdk 不能大於1.8,否則會有兼容性問題
vscode下載flutter和dart插件
安裝 android studio
1、強烈建議安裝android studio,因爲由於牆的原因以及Hyper-V硬件加速等,安裝AS會解決很多問題
2、安裝過程中最好勾選上 android SDK,沒有的話自行下載
android sdk 安裝教程:https://blog.csdn.net/lilongwei000/article/details/88870272
3、android sdk 環境變量配置
環境變量名:ANDROID_HOME
%ANDROID_HOME%\tools
%ANDROID_HOME%\platforms
%ANDROID_HOME%\platform-tools
4、打開android studio
安裝Flutter SDK
設置bin文件夾路徑的環境變量
安裝硬件加速
window7需要安裝HAXM
window10建議使用Hyper-V進行加速,這樣不會跟Docker發生衝突
修改模擬器虛擬化技術爲Hyper-V:
windows 版本需要是 Windows10 2018 April(Windows 1803)及以上版本
Android Studio 3.2 beta 及以上版本
Android Emulator v27.3.8 及以上版本
$ winver 查看電腦版本(升級攻略網上搜)
1、首先打開 windows功能(點擊windows ,搜索一下),勾選 Hyper-V相關的功能,勾選Windows Hypervisor Platform 或者 ,則將其勾選上,否則轉下步
2、重啓電腦
Run flutter doctor -v
在終端輸入:flutter docker -v 檢查缺少的依賴並安裝,成功後重啓vscode
Android license status unknown
$ flutter doctor --android-licenses
若是有報錯:Exception in thread "main" java.lang.UnsupportedClassVersionError:
一般是JDK版本過高,無法兼容,降級到1.8可行
實在不行,先放着,暫時不影響開發
以下綠勾是最基本上的需求:
設置 Android emulator
配置模擬器教程: https://blog.csdn.net/zha6476003/article/details/80785344
1、啓用 VM acceleration
2、啓動 Android Studio > Tools > Android > AVD Manager and select Create Virtual Device
3、在vscode終端中輸入: flutter create myappp
4、cd myapp
5、 ctrl+shift+p 打開command pallet,輸入Flutter:Select Device
6、flutter run
解決pub get 下載超慢的問題
打開“環境變量”,新添系統變量:
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
VSCODE 配置問題(代碼自動補全)
1、打開Command Palette -> Settings:
2、粘貼以下代碼:
"dart.debugExternalLibraries": true,
"dart.debugSdkLibraries": true,
"dart.enableCompletionCommitCharacters": true,
"dart.flutterHotRestartOnSave": true,
"dart.lineLength": 120,
"dart.previewFlutterUiGuides": true,
"dart.triggerSignatureHelpAutomatically": true