Flutter 開發環境搭建

1. 安裝 java

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

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

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

3. Android Studio

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

   • 插件(flutter, dart 插件)

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

     
     image.png

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

     • tools -> SDK Manager -> Android SDK Location 將其設置成自己 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) 安裝移動虛擬設備必須的

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

       • Google Repository

         
         image.png
         image.png
         image.png

4. Flutter 配置

   • 下載安裝包

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

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

   • 我的電腦-> 系統屬性 -> 高級系統設置 -> 環境變量 -> 用戶變量中

     • 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 錯誤解決方案

     # 針對出現 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 -> 選擇一個設備, apply 等待即可

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

     
     image.png

VsCode 環境搭建

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

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.webpost.com.cn/18077.html