最近Flutter的熱度很高莹妒。話不多說铛绰,直接進(jìn)入安裝步驟赶站,馬上體驗(yàn)Flutter幔虏!
環(huán)境安裝
你可以參考Flutter中文網(wǎng)的環(huán)境安裝教程。
mac精簡(jiǎn)安裝步驟如下
一贝椿、安裝包下載
解壓完成后想括,我們cd到安裝包的目錄
cd ~/development
二、添加flutter相關(guān)工具到path中:
export PATH=`pwd`/flutter/bin:$PATH
此代碼只能暫時(shí)針對(duì)當(dāng)前命令行窗口設(shè)置PATH環(huán)境變量烙博,要想永久將Flutter添加到PATH中,需要修改 .bash_profile 文件
添加如下內(nèi)容:
export PUB_HOSTED_URL=https://pub.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
注意:PATH_TO_FLUTTER_GIT_DIRECTORY 為你flutter安裝包所在的路徑瑟蜈,比如“~/development/flutter/bin”
如果使用zsh烟逊,終端啟動(dòng)時(shí) ~/.bash_profile 將不會(huì)被加載,所以需要修改 ~/.zshrc ,在其中添加:
source ~/.bash_profile
重啟終端或者執(zhí)行source $HOME/.bash_profile
刷新當(dāng)前終端窗口
三踪栋、運(yùn)行以下命令查看是否需要安裝其它依賴項(xiàng)來完成安裝:
flutter doctor
檢查通過后輸出如下:
一般環(huán)境配置問題在flutter doctor檢查之后焙格,會(huì)有明確的錯(cuò)誤提示和解決辦法,可以按照相關(guān)提示命令進(jìn)行解決夷都。
四眷唉、這里說一個(gè)我遇到的坑,如下圖:
采用Android studio開發(fā)囤官,安裝了flutter的 plugins 之后冬阳,flutter doctor 提示flutter 12.1版本過低。這是因?yàn)锳ndroid studio 版本過低党饮。作為iOS開發(fā)肝陪,Android studio還是停留在 2.3版本,此時(shí)flutter 插件只能看到12.1版本刑顺。
Android studio升級(jí)到3.2問題解決氯窍。
創(chuàng)建工程
flutter doctor
檢查環(huán)境通過之后,就可以創(chuàng)建第一個(gè)flutter工程了蹲堂,此時(shí)打開Android studio就可以看見flutter工程模板如下:
方式二
方式三 通過命令創(chuàng)建
flutter create helloflutter
這里創(chuàng)建了一個(gè)名為helloflutter的 Dart package
參數(shù)介紹:
要?jiǎng)?chuàng)建插件包狼讨,請(qǐng)使用--template=plugin參數(shù)執(zhí)行flutter create
使用--org選項(xiàng)指定您的組織,并使用反向域名表示法柒竞。該值用于生成的Android和iOS代碼中的各種包和包標(biāo)識(shí)符政供。
flutter create --org com.example --template=plugin helloflutter
默認(rèn)情況下,插件項(xiàng)目針對(duì)iOS代碼使用Objective-C朽基,Android代碼使用Java布隔。如果您更喜歡Swift或Kotlin,則可以使用-i 或 -a 為iOS或Android指定語言稼虎。例如:
flutter create --template=plugin -i swift -a kotlin helloflutter