Flutter 開發(fā)環(huán)境搭建

1. 安裝 java

   • 下載 jdk
   • 配置 java 環(huán)境變量
   • 測試環(huán)境變量是否配置成功
     • cmd 環(huán)境下: java --version

2. android-sdk 下載和配置配置

   • SDK 下載
   • SDK 使用上, 很容易被墻掉, 實際上這里有很多坑, 都是淚.

3. Android Studio

   • 下載安裝 (可以使用 vscode, 看個人愛好和機器配置了)

   • 插件(flutter, dart 插件)

   • 如果安裝失敗的話, 插件進行本地離線安裝

     
     image.png

   • 配置好 sdk Manager, 不要問問什么要自己下載 android-sdk, 實在是被科學(xué)翻墻搞得有點傷, sdk-manager 各種代理搞不定

     • tools -> SDK Manager -> Android SDK Location 將其設(shè)置成自己 android-sdk 解壓后存放的目錄

     • 下載需要的 sdk-platform 版本 (這里選擇的 android 9.0 Pie)

       • 只需要勾選 Android SDK Plateform 28, rev6
       • Sources for android 28
       • Google Play Intel x86 Atom System Image
       • Google Play Intel x86 Atom_64 System Image

     • SDK Tools 勾選 Intel-X86 Emulator Accelerator (HAXM installer) 安裝移動虛擬設(shè)備必須的

       • Android SDK Build-Tools
       • Android Emulator
       • Android SDK Tools
       • Android Support Repository

       • Google Repository

         
         image.png
         image.png
         image.png

4. Flutter 配置

   • 下載安裝包

     • 國內(nèi)鏡像 https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip

   • 解壓到你想要安裝的目錄, 這里是 D:/flutter/

   • 我的電腦-> 系統(tǒng)屬性 -> 高級系統(tǒng)設(shè)置 -> 環(huán)境變量 -> 用戶變量中

     • path 條目中追加 D:\flutter\bin 的全路徑，使用 ; 作為分隔符.
     • 在“用戶變量”下檢查是否有名為”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的條目，如果沒有，添加它們, 默認的可能被墻掉。
       • FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
       • PUB_HOSTED_URL https://pub.flutter-io.cn

   • flutter doctor 查看是否需要安裝任何依賴項來完成安裝

   • flutter doctor --android-licenses

   • 針對安裝 Failed to move away or delete existing target AndroidSDK\sdk\tools 錯誤解決方案

     # 針對出現(xiàn) Failed to move away or delete existing target AndroidSDK\sdk\toolsFirst, I renamed AndroidSDK\tools to AndroidSDK\tool.Then, I set the windows' environment variable Path from AndroidSDK\tools to AndroidSDK\tool (maybe not necessary)Run sdkmanager --update in tool\bin .Ignore the warning and wait until the update is done.There will be a new folder named tools in AndroidSDK.Copy all the files in tools folder and paste them to tool folder.Overlay all the files that which has the same name in tool folder.Finally,delete tools folder and rename tool to tools.Problem solved. 

5. AVD 虛擬機的建立

   • android studio 下, tools -> AVD Manager -> create virtual devices -> 選擇一個設(shè)備, apply 等待即可

   • 建立成功后, 點擊播放按鈕, 啟動設(shè)備查看

     
     image.png

VsCode 環(huán)境搭建

1. 安裝插件 Flutter, 重啟 vscode
2. 初始化創(chuàng)建一個項目: flutter create flutter_app_demo
3. vscode右下角devices 處, 選擇啟動移動虛擬設(shè)備(如果沒有開啟的話)
4. flutter run 運行項目

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.junxiaosheng.cn/18077.html