<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ### 1.2.1 Windows環境搭建 1\.使用鏡像 首先解決網絡問題。環境搭建過程中需要下載很多資源文件,當某個資源更新不到時,就可能會報各種錯誤。在國內訪問Flutter有時可能會受到限制,Flutter官方為中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中: - - - - - - ``` export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn ``` - - - - - - ![](https://box.kancloud.cn/d88777efa3a733e32bc26c26c9888346_43x47.jpeg)注意 此鏡像為臨時鏡像,并不能保證一直可用,讀者可以參考Using Flutter in China:<https://github.com/flutter/flutter/wiki/Using-Flutter-in-China>以獲得有關鏡像服務器的最新動態。 2\.安裝Git Flutter依賴的命令行工具為Git for Windows(Git命令行工具)。Windows版本的下載地址為:<https://git-scm.com/download/win>。 3\.下載安裝Flutter SDK 去Flutter官網下載其最新可用的安裝包。 ![](https://box.kancloud.cn/d88777efa3a733e32bc26c26c9888346_43x47.jpeg)注意 Flutter的渠道版本會不停變動,請以Flutter官網為準。Flutter官網下載地址:[https://flutter.io/docs/development/tools/sdk/archive#windows。Flutter GitHub](https://flutter.io/docs/development/tools/sdk/archive#windows%E3%80%82Flutter%20GitHub)下載地址:<https://github.com/flutter/flutter/releases>。 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:D:\\Flutter)。在Flutter安裝目錄的Flutter文件下找到flutter\_console.bat,雙擊運行并啟動Flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了。 ![](https://box.kancloud.cn/d88777efa3a733e32bc26c26c9888346_43x47.jpeg)注意 不要將Flutter安裝到需要一些高權限的路徑如C:\\Program Files\\。 4\.添加環境變量 不管使用什么工具,如果想在系統的任意地方能夠運行這個工具的命令,則需要添加工具的路徑到系統path里去。這里路徑指向到Flutter文件的bin路徑,如圖1-5所示。同時,檢查是否有名為“PUB\_HOSTED\_URL”和“FLUTTER\_STORAGE\_BASE\_URL”的條目,如果沒有,也需要添加它們。重啟Windows才能使更改生效。 ![](https://box.kancloud.cn/21bb69e381963bb406609dfefe38131e_667x190.jpeg) 圖1-5 添加Flutter環境變量 5\.運行flutter命令安裝各種依賴 使用Windows命令窗口運行以下命令,查看是否需要安裝任何依賴項來完成安裝: - - - - - - ``` flutter doctor ``` - - - - - - 該命令檢查你的環境并在終端窗口中顯示報告。Dart SDK已經捆綁在Flutter里了,沒有必要單獨安裝Dart。仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執行的任務。如下代碼粗體顯示,Android SDK缺少命令行工具,需要下載并且提供了下載地址,通常這種情況只需要把網絡連好,VPN開好,然后重新運行flutter doctor命令即可。 - - - - - - ``` [-] Android toolchain - develop for Android devices ? Android SDK at D:\Android\sdk x? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ ? Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions. ``` - - - - - - ![](https://box.kancloud.cn/d88777efa3a733e32bc26c26c9888346_43x47.jpeg)注意 一旦你安裝了任何缺失的依賴,需再次運行flutter doctor命令來驗證你是否已經正確地設置了,同時需要檢查移動設備是否連接正常。 6\.編輯器設置 如果使用flutter命令行工具,可以使用任何編輯器來開發Flutter應用程序。輸入flutter help在提示符下查看可用的工具。但是筆者建議最好安裝一款功能強大的IDE來進行開發,畢竟開發調試運行打包的效率會更高。由于Windows環境只能開發Flutter的Android應用,所以接下來我們會重點介紹Android Studio這款IDE。 (1)安裝Android Studio 要為Android開發Flutter應用,你可以使用Mac或Windows操作系統。Flutter需要安裝和配置Android Studio,步驟如下: 1)下載并安裝Android Studio:<https://developer.android.com/studio/index.html>。 2)啟動Android Studio,然后執行“Android Studio安裝向導”。這將安裝最新的Android SDK、Android SDK平臺工具和Android SDK構建工具,這是Flutter為Android開發時所必需的。 (2)設置你的Android設備 要準備在Android設備上運行并測試你的Flutter應用,需要安裝Android 4.1(API level 16)或更高版本的Android設備。步驟如下: 1)在你的設備上啟用“開發人員選項”和“USB調試”,這些選項通常在設備的“設置”界面里。 2)使用USB線將手機與計算機連接。如果你的設備出現提示,請授權計算機訪問你的設備。 3)在終端中,運行flutter devices命令以驗證Flutter識別出你連接的Android設備。 4)用flutter run啟動你的應用程序。 ![](https://box.kancloud.cn/49f6525ce5aa5ee81247bfc3fbfc8d30_46x47.jpeg)提示 默認情況下,Flutter使用的Android SDK版本是基于你的adb工具版本。如果你想讓Flutter使用不同版本的Android SDK,則必須將該ANDROID\_HOME環境變量設置為SDK安裝目錄。 (3)設置Android模擬器 要準備在Android模擬器上運行并測試Flutter應用,請按照以下步驟操作: 1)啟動Android Studio→Tools→Android→AVD Manager并選擇Create Virtual Device,打開虛擬設備面板,如圖1-6所示。 ![](https://box.kancloud.cn/98596ca50f6a4c51562468556c8fe5fd_1038x580.jpeg) 圖1-6 打開虛擬設備面板 2)選擇一個設備并點擊Next,如圖1-7所示。 ![](https://box.kancloud.cn/054dc8bdd9ac47e38b9ae643694ada1d_1038x668.jpeg) 圖1-7 選擇模擬硬件設備 3)選擇一個鏡像點擊download即可,然后點擊Next,如圖1-8所示。 ![](https://box.kancloud.cn/dbdfc223b10a0243a3975c58d7c2ea02_1038x678.jpeg) 圖1-8 選擇系統鏡像 4)驗證配置信息,填寫虛擬設備名稱,選擇Hardware-GLES 2.0以啟用硬件加速,點擊Finish,如圖1-9所示。 ![](https://box.kancloud.cn/21f75bff397b20407072d73a928c0b59_1038x674.jpeg) 圖1-9 驗證配置信息 5)在工具欄選擇剛剛添加的模擬器,如圖1-10所示。 ![](https://box.kancloud.cn/4f58f8127a9cd90e0b03993f29e03bc8_460x185.jpeg) 圖1-10 在工具欄選擇模擬器 6)也可以在命令行窗口運行flutter run啟動模擬器。當能正常顯示模擬器時(如圖1-11所示),則表示模擬器安裝正常。 ![](https://box.kancloud.cn/e03a5887ac189fcaf7f14425a3e1449c_243x434.jpeg) 圖1-11 Android模擬器運行效果圖 ![](https://box.kancloud.cn/49f6525ce5aa5ee81247bfc3fbfc8d30_46x47.jpeg)提示 建議選擇當前主流手機型號作為模擬器,開啟硬件加速,使用x86或x86\_64image。 詳細文檔請參考:<https://developer.android.com/studio/run/emulator-acceleration.html>。 (4)安裝Flutter和Dart插件 IDE需要安裝兩個插件: ·Flutter插件:支持Flutter開發工作流(運行、調試、熱重載等)。 ·Dart插件:提供代碼分析(輸入代碼時進行驗證、代碼補全等)。 打開Android Studio的系統設置面板,找到Plugins分別搜索Flutter和Dart,點擊安裝即可,如圖1-12所示。 ![](https://box.kancloud.cn/3a82b859e1315c102430160637c9b183_1038x600.jpeg) 圖1-12 Android Studio插件安裝
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看