參考資料:Flutter 中文網(wǎng)
實(shí)操圖解
打開(kāi) AndroidStudio -> Start a new Flutter project 創(chuàng)建一個(gè)新的 Flutter 工程,如圖:
填寫(xiě)項(xiàng)目信息,Project name 項(xiàng)目名稱(chēng)必須為小寫(xiě)或包含下劃線小寫(xiě)方式,如圖:
正常情況下,填寫(xiě)好項(xiàng)目名稱(chēng)和項(xiàng)目路徑即可,但是小菜這里提示 Flutter SDK path not given,如圖:
確保 Flutter 和 Dart 插件安裝成功,【Mac 環(huán)境】根據(jù)命令行可查找 Flutter 目錄,終端 -> export $PATH 查看各配置項(xiàng)目錄;【W(wǎng)indows 環(huán)境】相對(duì)容易可以在文件夾中直接找到 Flutter 路徑,如圖:
打開(kāi) AndroidStudio 可以直接填寫(xiě)在 Flutter SDK path 中,也可以在 AndroidStudio -> Setting -> Languages & Frameworks -> Flutter 中添加配置,如圖:
繼續(xù)進(jìn)行下一步,填寫(xiě)公司名即包名,注意也只能是小寫(xiě),這里可以選擇支持 Kotlin/Swift,之后 finish,如圖:
之后會(huì)進(jìn)入工程創(chuàng)建頁(yè)面,第一次創(chuàng)建,會(huì)是一個(gè)漫長(zhǎng)漫長(zhǎng)的過(guò)程,如圖:
手機(jī)連接電腦,運(yùn)行即可,如圖:
注意事項(xiàng)
問(wèn)題一:Flutter 當(dāng)前版本非最新版本
解決方案:終端 -> flutter upgrade 升級(jí)版本即可
問(wèn)題二:"..." is not a valid Dart package name.
解決方案:工程根目錄文件夾不可為大些字母
問(wèn)題三:找不到 New Flutter Project...
解決方案:
建議升級(jí) AndroidStudio 至少 3.0 以上,小菜目前測(cè)試用 3.1.2;
重啟 AndroidStudio;
確認(rèn) Flutter 配置環(huán)境是否正常
Tips: 工程在新建過(guò)程中,如果不更改 Project location 默認(rèn)工程根文件夾名稱(chēng)為項(xiàng)目名稱(chēng),不可為大寫(xiě)字母;如果更改 Project location 選擇路徑時(shí),最后一個(gè)文件夾名稱(chēng)不可為大寫(xiě)字母。
學(xué)習(xí)一門(mén)技術(shù)真是不容易啊,一個(gè)最簡(jiǎn)單的 Hello world! 涉及東西還很多,需要多加用心,只有繼續(xù)堅(jiān)持才有可能成功!