MacOS上第一個Flutter

老規(guī)矩,放幾個權(quán)威性的鏈接
Flutter中文官網(wǎng)
Flutter官網(wǎng)

一、編輯工具

目前Flutter支持的編輯工具:

Android Studio: 為Flutter提供完整的IDE體驗(yàn).
VS Code: 輕量級編輯器,支持Flutter運(yùn)行和調(diào)試.
Terminal + 編輯器: 您的編輯選擇與Flutter的終端工具結(jié)合運(yùn)行和構(gòu)建.

我使用的是AS(Android Studio,以下皆簡寫)

二、創(chuàng)建新應(yīng)用

1.0 選擇 File>New Flutter Project
2.0 選擇 Flutter application 作為 project 類型, 然后點(diǎn)擊 Next
3.0 輸入項(xiàng)目名稱 (如 flutter_app,這里只能小寫), 然后點(diǎn)擊 Next
4.0 點(diǎn)擊 Finish
5.0 等待Android Studio安裝SDK并創(chuàng)建項(xiàng)目.

第一個坑來了:有很多人都卡在了 Creating Flutter Project!
原因:這一步大部分是因?yàn)镕lutter沒有配置成功

解決方法:

1.0 檢查之前~/.zshrc下配置的鏡像和環(huán)境變量是否正確(不同的shell,文件不一樣,這里看我中的安裝Flutter文章中3.0配置鏡像、環(huán)境變量那一塊吧),如果沒問題就繼續(xù)
2.0 運(yùn)行 flutter doctor,并對應(yīng)去解決相應(yīng)報(bào)錯
這兩步基本就可以了

如果還是不行的話:

找到安裝flutter的根目錄,進(jìn)入fluttre->bin->cache,找到lockfile文件,刪除此文件,重啟Android Studio,即可。

三、運(yùn)行應(yīng)用程序

之前有很多坑,這里就不一一列出了,直接按著這幾個步驟操作吧
1.0 配置build.gradle
在你Flutter項(xiàng)目中
找到 flutter_testapp/android/下的build.gradle
修改buildscript與allprojects下的repositories{},注釋google等,改為阿里云的

repositories {
//        google()
//        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' 
}
build.gradle.png

修改dependencies下build:gradle:為3.6.4

classpath 'com.android.tools.build:gradle:3.6.4'
build.gradle.png

2.0 配置gradle-wrapper.properties
找到 flutter_testapp/android/gradle/wrapper下的gradle-wrapper.properties
修改gradle的版本號為6.3

注意:這里的6.3是和上面3.6.4對應(yīng)的

distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip
gradle-wrapper.propertiespng

3.0 修改FlutterSDK下面的gradle源
找到安裝Flutter的地址后打開flutter.gradle

/flutter/packages/flutter_tools/gradle/flutter.gradle

修改buildscript 下的repositories

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' }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}
repositories.png

ok 了,現(xiàn)在也不需要梯子,直接運(yùn)行即可。

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

相關(guān)閱讀更多精彩內(nèi)容

  • 背景 前兩天在安裝flutter的開發(fā)環(huán)境,搞了挺久,踩了一些坑,所以寫出來做個總結(jié),希望有意愿學(xué)習(xí)flutter...
    LK2917閱讀 1,413評論 0 4
  • 剛剛使用Flutter開發(fā)完一個項(xiàng)目,對項(xiàng)目來說不大基本功能都會有,主流的一些插件都有使用到?,F(xiàn)在回過來做一個項(xiàng)目...
    憫農(nóng)閱讀 1,597評論 2 2
  • 漸變的面目拼圖要我怎么拼? 我是疲乏了還是投降了? 不是不允許自己墜落, 我沒有滴水不進(jìn)的保護(hù)膜。 就是害怕變得面...
    悶熱當(dāng)乘涼閱讀 4,480評論 0 13
  • 感覺自己有點(diǎn)神經(jīng)衰弱,總是覺得手機(jī)響了;屋外有人走過;每次媽媽不聲不響的進(jìn)房間突然跟我說話,我都會被嚇得半死!一整...
    章魚的擁抱閱讀 2,386評論 4 5
  • 夜鶯2517閱讀 128,143評論 1 9

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