最近公司內(nèi)部掀起了一陣Flutter的熱潮,我也追趕一下熱潮,來玩一玩這個小東西.
語言基礎(chǔ)
開發(fā)工具
因為本人主要是開發(fā)iOS程序,所以開發(fā)工具選擇了VSCode+XCode.
安裝步驟(Mac系統(tǒng))
翻譯自官方文檔:
1.下載Flutter壓縮包,并解壓.
2.為flutter配置path
(1)終端執(zhí)行 open $HOME/.bash_profile.
(2)將export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
//簡單來說就是把bin的路徑復(fù)制到$PATH:后面
(3)執(zhí)行 source $HOME/.bash_profile,可通過echo $PATH查看path是否設(shè)置.
(4)如果你終端用了zsh,執(zhí)行 open ~/.zshrc,然后把 source $HOME/.bash_profile復(fù)制到打開的文件當(dāng)中即可,
以后打開命令就可以直接使用flutter命令了
3.Run flutter doctor
? ~/ flutter doctor
// 能看到哪些依賴工具沒有安裝
依次執(zhí)行如下命令:
// 切換到xcode的路徑
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
// 打開模擬器
open -a Simulator
// 如果要運行到真機,需要下面依賴工具
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
4.創(chuàng)建并運行項目
// 在VSCode中我們需要安裝Flutter相關(guān)sdk,打開市場搜索install即可.
// 之前下載的flutter sdk里面已經(jīng)包含了dart語言包,所以無需重新安裝了
// 最后一步,在某個文件夾內(nèi)創(chuàng)建flutter app項目
flutter create my_app
cd my_app
flutter run 即可,運行之后,如果沒有真機會默認(rèn)選擇模擬器.
5.VSCode自定義代碼片段.設(shè)置這個就類似于xcode里的代碼塊,方便開發(fā).
步驟一:首選項->user snippets
步驟二:選擇dart.json.
步驟三:編寫代碼片段,并設(shè)置拼寫前綴.
完成以上步驟,相信你已經(jīng)可以運行起第一個flutter app了,接下來我會對比iOS,實現(xiàn)一些常用的功能.
參考:
Flutter實戰(zhàn)教程
官方指南傳送門
