Mac上安裝配置Flutter

這是中文網(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項目了


image.png

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


image.png

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


image.png

到這里項目建立起來了,但是還有一個坑等著你呢

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+

image.png

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

3.找到fluttersdk目錄 進(jìn)入如下目錄
Macintosh HD? ? ?用戶? ? ?rabbit? ? ?資源庫? ? ?Flutter? ? ?packages? ? ?flutter_tools? ? ?gradle?
找到下 flutter.gradle文件 找如如下內(nèi)容替換成和我一樣的 把jcenter注釋掉:
image.png

圈住的地方需要更改


image.png

貼出鏡像代碼:

        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' }

按照上面的三步驟可完美解決問題。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容