Flutter開發(fā)環(huán)境搭建
前言
Windows系統(tǒng)下Flutter開發(fā)環(huán)境搭建
使用鏡像
由于在國內(nèi)訪問Flutter有時可能會受到限制,F(xiàn)lutter官方為中國開發(fā)者搭建了臨時鏡像,可以將如下環(huán)境變量加入到環(huán)境變量中:
| 變量名 | 值 |
|---|---|
| PUB_HOSTED_URL | https://pub.flutter-io.cn |
| FLUTTER_STORAGE_BASE_URL | https://storage.flutter-io.cn |
Flutter SDK 下載
去flutter官網(wǎng)下載其最新可用的安裝包:https://flutter.dev/docs/development/tools/sdk/releases#windows
將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter;注意,不要將flutter安裝到需要一些高權(quán)限的路徑如C:\Program Files\)
在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行并啟動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了
配置環(huán)境變量
要在終端運行 flutter 命令, 需要添加以下環(huán)境變量到系統(tǒng)PATH:
將Flutter SDK 解壓后的目錄\bin的全路徑添加到Path變量中
運行flutter doctor
打開一個新的命令提示符或PowerShell窗口并運行以下命令以查看是否需要安裝任何依賴項來完成安裝:
flutter doctor
該命令檢查您的環(huán)境并在終端窗口中顯示報告。
Android Studio中增加Flutter插件
在Android Studio 的插件管理器中,搜索Flutter,并安裝Flutter插件,然后重新啟動Android Studio。
第一個Flutter應(yīng)用
通過File-New-New Flutter Project,選擇Flutter Application類型,點擊下一步后,配置工程名稱、位置、包名等信息后,點擊完成。
工程同步完成后,點擊Run按鈕后,就可以將Flutter項目安裝到手機上。
這里可能會一直停留在下面的提示界面:
Running Gradle task 'assembleDebug'...
解決方案:
- 修改項目中android目錄下的build.gradle中的repositories節(jié)點
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' }
//google()
//jcenter()
- 修改Flutter安裝目錄\packages\flutter_tools\gradle\flutter.gradle
repositories {
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' }
//google()
//jcenter()
}
- 修改MAVEN_REPO的值(最新版本Flutter,這個變量已經(jīng)改成:DEFAULT_MAVEN_HOST)
private static final String MAVEN_REPO = "https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io";
private static final String DEFAULT_MAVEN_HOST = "https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io";
然后再次運行Run就可以正常安裝了。