這是中文網(wǎng):https://flutterchina.club/
由于本人長時間使用windows系統(tǒng),最近才開始使用mac系統(tǒng),有些不熟悉,因此在這里簡單做個筆記。 要在目錄下創(chuàng)建好/flutter這個文件夾
首先打開mac的終端
1.切換到自己想要安裝的目錄下 cd xxxxx 例如:cd ~/fly
2.配置鏡像:export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.從github上clone項目:git clone -b dev https://github.com/flutter/flutter.git
4.配置環(huán)境變量:
export PATH=/Users/用戶名/Documents/flutter/flutter/bin:$PATH
export ANDROID_HOME="/Users/用戶名/Documents/android_sdk" //android sdk目錄,替換為你自己的即可
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
用上面的作為參考,配置環(huán)境變量
5.在切換到下載好的flutter文件下,執(zhí)行:cd ./flutter
6.執(zhí)行:flutter doctor
第一次的時候可能會比較慢,因為要下載很多東西。
接下來如何在Android Studio中配置插件并創(chuàng)建第一個flutter項目了

創(chuàng)建項目的時候會遇到上面的小問題
解決辦法:
切換到flutter下面執(zhí)行命令:echo $PATH
就會看到路徑
復(fù)制到這里就好了

有時候會遇到?jīng)]有
new flutter project這個選項
這時候打開設(shè)置插件:把圈住的地方全部勾選

到這里項目建立起來了,但是還有一個坑等著你呢
Launching lib/main.dart on OS103 in debug mode...
Initializing gradle...
Finished with error: ProcessException: Process "/Users/xxx/Downloads/flutter_app/android/gradlew" exited abnormally:
Unzipping /Users/xxx/.gradle/wrapper/dists/gradle-4.10.2-all/9fahxiiecdb76a5g3aw9oi8rv/gradle-4.10.2-all.zip to /Users/xxx/.gradle/wrapper/dists/gradle-4.10.2-all/9fahxiiecdb76a5g3aw9oi8rv
Exception in thread "main" java.util.zip.ZipException: error in opening zip file
at java.util.zip.ZipFile.open(Native Method)
at java.util.zip.ZipFile.<init>(ZipFile.java:219)
at java.util.zip.ZipFile.<init>(ZipFile.java:149)
at java.util.zip.ZipFile.<init>(ZipFile.java:163)
at org.gradle.wrapper.Install.unzip(Install.java:214)
at org.gradle.wrapper.Install.access$600(Install.java:27)
at org.gradle.wrapper.Install$1.call(Install.java:74)
at org.gradle.wrapper.Install$1.call(Install.java:48)
at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:65)
at org.gradle.wrapper.Install.createDist(Install.java:48)
at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:128)
at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)
Command: /Users/xxx/Downloads/flutter_app/android/gradlew -v
出現(xiàn)上面的問題的解決辦法:
1.我這里是studio3.2版本對應(yīng)的是gradle-4.6+

2.圖片里的代碼在文章尾部有,使用鏡像,當(dāng)然有VPN請隨意

3.找到fluttersdk目錄 進(jìn)入如下目錄
Macintosh HD? ? ?用戶? ? ?rabbit? ? ?資源庫? ? ?Flutter? ? ?packages? ? ?flutter_tools? ? ?gradle?
找到下 flutter.gradle文件 找如如下內(nèi)容替換成和我一樣的 把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' }
按照上面的三步驟可完美解決問題。