說明
目前Flutter已經(jīng)支持全平臺了悉罕，想嘗試下赤屋，但是本人沒怎么用過Android Studio立镶，所以現(xiàn)在基于VSCode進(jìn)行配置和開發(fā)學(xué)習(xí)。本篇內(nèi)容就記錄下VSCode和Flutter的配置全過程类早。
配置環(huán)境和需要用到的資源
win10系統(tǒng)媚媒、VSCode、Flutter涩僻、JDK缭召、Android SDK、Git
VSCode安裝
一路下一步即可逆日。
安裝完成后請打開vscode安裝flutter插件嵌巷，如下圖所示
Git安裝
全部默認(rèn)一路Next即可。
JDK安裝與配置
- 下載后默認(rèn)安裝
- 配置環(huán)境變量：我的電腦右擊->屬性->高級系統(tǒng)設(shè)置->環(huán)境變量
- 新建JAVA_HOME： C:\Program Files\Java\jdk1.8.0_191
- 新建CLASSPATH： .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
- 編輯Path末尾增加： %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
-
最后檢查配置是否正確： 調(diào)出系統(tǒng)cmd命令窗口輸入java,javac,java -v等命令
輸出版本即可代表配置正確
Android SDK安裝和配置
- 解壓 sdk-tools-windows-4333796.zip 至 D:\sdk 文件夾室抽，包含一個tools文件夾搪哪。解壓目錄可以自己選定。
- 配置環(huán)境變量：
- 新建ANDROID_HOME： D:\sdk 此為你解壓的目錄
- 編輯Path增加：.;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools
- 使用命令行安裝需要的包坪圾，調(diào)出cmd窗口晓折，分別輸入以下命令：
%ANDROID_HOME%\tools\bin\sdkmanager.bat build-tools;28.0.3
%ANDROID_HOME%\tools\bin\sdkmanager.bat platform-tools
%ANDROID_HOME%\tools\bin\sdkmanager.bat platforms;android-28
%ANDROID_HOME%\tools\bin\sdkmanager.bat patcher;v4
%ANDROID_HOME%\tools\bin\sdkmanager.bat extras;intel;Hardware_Accelerated_Execution_Manager
以下兩個分別是模擬器和安卓系統(tǒng)鏡像（如果你用手機真機的話就可以不用安裝）
%ANDROID_HOME%\tools\bin\sdkmanager.bat emulator
%ANDROID_HOME%\tools\bin\sdkmanager.bat system-images;android-28;google_apis_playstore;x86
此外也可以用以下命令展示項目列表，安裝額外你需要的各種包兽泄。
%ANDROID_HOME%\tools\bin\sdkmanager.bat --list
說明：28.0.3漓概，android-28等都是版本號，你也可以根據(jù)列表自行選擇病梢。
包下載示例
- 如果你按照上面的命令下載了所有包垛耳，那么進(jìn)入安裝目錄
D:\sdk\extras\intel\Hardware_Accelerated_Execution_Manager
雙擊intelhaxm-android.exe安裝硬件加速器。
另外檢查下電腦是否開啟了CPU虛擬化飘千，每個電腦設(shè)置不一樣堂鲜，請自行百度。
至此Android SDK就安裝配置完成了护奈。
Flutter安裝和配置
- 解壓 flutter_windows_v1.5.4-hotfix.2-stable.zip 至 C:\Flutter 文件夾缔莲，包含一個flutter文件夾。解壓目錄可以自己選定霉旗。
- 配置環(huán)境變量：
- 新增PUB_HOSTED_URL： https://pub.flutter-io.cn
- 新增FLUTTER_STORAGE_BASE_URL： https://storage.flutter-io.cn
- 編輯Path增加： C:\Flutter\flutter\bin 此為你解壓的目錄
-
使用flutter doctor命令行檢測痴奏，如下圖所示即表示完成所有配置
完成配置
第一個應(yīng)用myapp
- 打開vscode -> 調(diào)出命令面板 -> 輸入flutter并選擇new project
-
輸入 Project 名稱 (如myapp), 然后按回車鍵
調(diào)出命令面板
- 指定放置項目的位置并確定
- 等待項目下載好所有資源后會顯示main.dart文件就ok了。
-
最后在vscode的右下角點擊No Devices選擇模擬器厌秒，按F5運行读拆。
選擇模擬器
