[TOC]
寫在最前面，想玩flutter最好有科學上網的梯子，否則被墻的整個人都暴躁了

下載SDK

在目標目錄使用git拉取flutter的sdk

# 移動到目標目錄 cd ${HOME}/env # 拉取sdk git clone https://github.com/flutter/flutter.git 

環境變量配置

• 需要提前配置好安卓開發環境，可以提前配置好jdk,android sdk等環境變量

• 需要配置flutter sdk的環境變量

• 需要配置flutter的鏡像地址

  PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 

.bash_profile的參考配置

# jdk begin JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_144.jdk/Contents/Home # jdk end # android sdk begin ANDROID_HOME=/Users/rexih/Library/Android/sdk ADB_HOME=/Users/rexih/Library/Android/sdk/platform-tools # android sdk end #android ndk begin NDK_HOME=/Users/rexih/Library/Android/sdk/ndk-bundle CMAKE_HOME=/Users/rexih/Library/Android/sdk/cmake/3.6.4111459 #android ndk end # flutter begin FLUTTER_HOME=/Users/rexih/env/flutter PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # flutter end PATH=$FLUTTER_HOME/bin:$FLUTTER_HOME:$CMAKE_HOME/bin:$ANDROID_HOME/:$ANDROID_HOME/tools:$ADB_HOME:$NDK_HOME:$JAVA_HOME/bin:$PATH:. CLASSPATH=JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export JAVA_HOME export ANDROID_HOME export ADB_HOME export NDK_HOME export CMAKE_HOME export PATH export CLASSPATH export FLUTTER_HOME export PUB_HOSTED_URL export FLUTTER_STORAGE_BASE_URL 

Android Studio插件安裝

打開as（本文使用的是3.2.1 stable）的plugin，下載插件Flutter，會自動下載插件Dart，確保兩個插件勾選，重啟as

環境診斷與修復

flutter提供doctor指令幫助用戶診斷開發環境是否可用，根據命令行里的診斷結果逐步修復即可

• 第一次運行會自動下載Dart SDK

  Downloading Dart SDK from Flutter engine# ... Building flutter tool... # ... Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source! # ... Doctor summary (to see all details, run flutter doctor -v): # ... 

• 診斷結果會告知去設置Android SDK的環境變量

• 診斷結果會告知運行flutter doctor --android-licenses通過licenses以使用

  [!] Android toolchain - develop for Android devices (Android SDK version 28.0.3) ! Some Android licenses not accepted.To resolve this, run: flutter doctor --android-licenses 

• 診斷結果會告知安裝AS插

  [!] Android Studio (version 3.2) ? Flutter plugin not installed; this adds Flutter specific functionality. ? Dart plugin not installed; this adds Dart specific functionality. 

• 診斷結果會告知運行設備情況

  [!] Connected device ! No devices available 

• 診斷結果會告知idea和iOS的開發環境的可用性

設置gradle及代碼倉庫地址

• 國內被墻的很嚴重。gradle下載太慢了。建議先下載好gradle的對應版本，放置到本地gradle倉庫里，以加快構建速度。（移動寬帶直接下載也挺慢的）

• 手動下載gradle對應版本。例如下載gradle 4.10.2 地址:https://downloads.gradle.org/distributions/gradle-4.10.2-all.zip，下載完成后放到${HOME}/.gradle/wrapper/dists/gradle-4.10.2-all/9fahxiiecdb76a5g3aw9oi8rv，解壓，修改文件鎖gradle-4.10.2-all.zip.ok

• 使用鏡像替代flutter的腳本倉庫。找到flutter sdk的根目錄，打開packages/flutter_tools/gradle/flutter.gradle，修改倉庫地址

  buildscript { 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() } dependencies { classpath 'com.android.tools.build:gradle:3.2.1' } } 

  ?

創建Flutter項目

• 配置好開發環境后，AS新建項目時會增加新的創建選項Start a new Flutter project

• 設置項目名稱時，必須遵守其命名規范，小寫加_下劃線，否則會提示

  Invalid project name: 'T' - must be a valid Dart package name (lower_case_with_underscores) 

• 點擊播放鍵編譯運行項目

熱重載

修改后，不點擊播放鍵，直接ctrl+s保存一下源文件，發現設備上直接同步了修改

1. 要查看您的更改, 只需調用 Save All (cmd-s / ctrl-s), 或點擊 熱重載按鈕 (帶有閃電??圖標的按鈕).

flutter相關指令

查看連接設備

flutter devices1 connected device:Android SDK built for x86 ? emulator-5554 ? android-x86 ? Android 9 (API 28) (emulator) 

切換flutter到Stable版本

# 查看可用版本 flutter channel # 切換到stable版本 flutter channel stable # 切換版本后再次調用flutter指令會重新配置開發環境 flutter 

其他

離線下載flutter和dart插件

9212-flutter
6351-dart

卡在Creating Flutter Project

查看項目目錄下是否已經生成項目文件，如果有，強制關閉as進程，重啟后打開此項目

flutter packages get運行時提示等待另一個flutter指令

Waiting for another flutter command to release the startup lock…

1. 打開flutter的安裝目錄/bin/cache/
2. 刪除lockfile文件
3. 刪除不掉則強制退出Dart.exe再刪除
4. 重啟AndroidStudio

參見issues 7768

Resolving dependencies...

改android里build.gradle腳本的倉庫源

buildscript { 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() }dependencies { classpath 'com.android.tools.build:gradle:3.2.1' } }allprojects { 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() } } 

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