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

1. 安裝 java

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

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

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

3. Android Studio

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

   • 插件(flutter, dart 插件)

   • 如果安裝失敗的話, 插件進(jìn)行本地離線安裝

     
     image.png

   • 配置好 sdk Manager, 不要問(wèn)問(wèn)什么要自己下載 android-sdk, 實(shí)在是被科學(xué)翻墻搞得有點(diǎn)傷, 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) 安裝移動(dòng)虛擬設(shè)備必須的

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

       • Google Repository

         
         image.png
         image.png
         image.png

4. Flutter 配置

   • 下載安裝包

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

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

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

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

   • flutter doctor 查看是否需要安裝任何依賴項(xiàng)來(lái)完成安裝

   • flutter doctor --android-licenses

   • 針對(duì)安裝 Failed to move away or delete existing target AndroidSDK\sdk\tools 錯(cuò)誤解決方案

     # 針對(duì)出現(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 虛擬機(jī)的建立

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

   • 建立成功后, 點(diǎn)擊播放按鈕, 啟動(dòng)設(shè)備查看

     
     image.png

VsCode 環(huán)境搭建

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

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