Flutter 第一篇 重零開始編寫第一個Flutter APP(終極版)

使用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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章