Windows10 准備/安裝Flutter研發環境

本文轉載自查看原文 2020-07-07 23:15 573 Flutter

Flutter簡介

Flutter 是 Google 開源的 UI 工具包，幫助開發者通過一套代碼庫高效構建多平台精美應用，支持移動、Web、桌面和嵌入式平台。

Flutter 中國

安裝Flutter開發所需的Android Studio及SDK

Google良心，在國內架設了一個服務器，這個國內網址不用額外上網就可以直接愉快下載了。

下載Android Studio

官網：https://developer.android.google.cn/studio#downloads

安裝Android Studio

一路安裝就好，幾乎沒坑，啟動界面很好看，有沒有？

設置環境變量，新增配置鏡像站點

Flutter官方源站可能訪問不流暢，我們可以選用谷歌中國開發社區（GDG）的臨時鏡像源來獲取相關資源，只需要在環境變量中進行相關設置即可。

可以通過“設置 - 關於 - 右側系統信息 - 高級系統設置 - 高級 - 環境變量 - XXXX用戶變量 - 新建”

變量名：PUB_HOSTED_URL
變量值：https://pub.flutter-io.cn

變量名：FLUTTER_STORAGE_BASE_URL
變量值：https://storage.flutter-io.cn

關注鏡像指南：Using Flutter in China - Flutter

另附

上海交通大學的源地址如下：

FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn/

清華大學源地址如下：

FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub

下載或安裝Flutter SDK

方式一直接下載穩定版安裝包

中國區下載地址：Flutter SDK v1.7.5 For Windows SDK

方式二 Github拉取Stable版本

git clone -b stable https://github.com/flutter/flutter.git

切換到對應的flutter目錄找到並運行flutter_console.bat進行安裝。

設置環境變量，讓Flutter SDK被感知

可以通過“設置 - 關於 - 右側系統信息 - 高級系統設置 - 高級 - 環境變量 - XXXX用戶變量 - PATH - 編輯”

新建Flutter SDK的bin目錄完整路徑，比如：

C:\Program Files\Flutter\bin

運行環境檢查

在CMD/POWERSHELL中運行以下命令：

flutter doctor

上述命令會檢查你的現有環境，然后把檢測結果以報告形式呈現出來。仔細閱讀它顯示的內容，檢查是否有尚未安裝的軟件或是有其他的步驟需要完成（通常會以粗體呈現）。

如果出現協議接受警告，運行以下命令，然后一路Y就行了

flutter doctor --android-licenses

啟動Android Studio，並且新建好對應的AVD，然后通過以下命令，檢查是否存在已可連接的設備

flutter devices

默認情況下，Flutter會使用當前版本adb工具所依賴的Android SDK版本

讓編輯器支持Flutter

Visual Studio Code 安裝Flutter插件

安裝了Flutter插件，會自動安裝所需的Dart插件。

Android Studio 安裝Flutter插件

打開Android Studio，在左上角找到以下路徑：File > Settings > Plugins，搜索關鍵詞Flutter，便可找到Flutter Plugin For Android Studio，Install它即可

同時，也會提醒你，依賴的Dart組件也會被一起添加。

安裝之后可以再次執行Flutter Doctor查看所有環境是否就位。

為了讓我們`Gradle`快一點，我們可以配置國內阿里雲的源

找到Flutter安裝目錄中路徑：.../flutter/packages/flutter_tools/gradle/，打開並編輯其中的flutter.gradle文件
注釋掉原來的Repositories，修改成如下配置：

buildscript {
    repositories {
        // google()
        // jcenter()
        maven{ url 'https://maven.aliyun.com/repository/google' }
        maven{ url 'https://maven.aliyun.com/repository/jcenter' }
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}