歡迎您光臨深圳塔燈網絡科技有限公司！
余先生：13699882642
余先生：13699882642
余先生：13699882642
發表日期：2018-12 文章編輯：小燈 瀏覽次數：7703
[TOC]
寫在最前面，想玩flutter最好有科學上網的梯子，否則被墻的整個人都暴躁了
在目標目錄使用git拉取flutter的sdk
企業建站知識
推廣知識
小程序
微信營銷
APP開發
# 移動到目標目錄 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 # 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 打開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 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' } } ?
配置好開發環境后，AS新建項目時會增加新的創建選項Start a new Flutter project
設置項目名稱時，必須遵守其命名規范，小寫加_下劃線，否則會提示
Invalid project name: 'T' - must be a valid Dart package name (lower_case_with_underscores) 點擊播放鍵編譯運行項目
修改后，不點擊播放鍵，直接ctrl+s保存一下源文件，發現設備上直接同步了修改
- 要查看您的更改, 只需調用 Save All (
cmd-s/ctrl-s), 或點擊 熱重載按鈕 (帶有閃電??圖標的按鈕).
flutter devices1 connected device:Android SDK built for x86 ? emulator-5554 ? android-x86 ? Android 9 (API 28) (emulator) # 查看可用版本 flutter channel # 切換到stable版本 flutter channel stable # 切換版本后再次調用flutter指令會重新配置開發環境 flutter 9212-flutter
6351-dart
查看項目目錄下是否已經生成項目文件，如果有，強制關閉as進程，重啟后打開此項目
Waiting for another flutter command to release the startup lock…
參見issues 7768
改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() } } 