在Google I/O 2019上Flutter 團(tuán)隊宣布推出最新穩(wěn)定版: Flutter 1.9。這是 Flutter 迄今為止最大的一次版本更新，F(xiàn)lutter 1.9 引入的新特性與更新涵蓋范圍廣泛，包括 macOS Catalina 和 iOS 13 支持腰奋、工具支持優(yōu)化苹享、多項 Dart 語言新特性以及全新的 Material widget。在本文中播揪，我們將詳細(xì)介紹在桌面環(huán)境中運行一個新的或現(xiàn)有的Flutter應(yīng)用程序的過程。
讓我們開始吧!
在我的嘗試中筒狠，我發(fā)現(xiàn)有多種方法可以做到這一點猪狈，所以為了簡單起見，我們選擇最簡單的一種辩恼。
搭建環(huán)境
先安裝Flutter SDK
https://flutter.dev/docs/get-started/install
讓Flutter運行在PC上雇庙，必須切換到主分支(master channel)的最新版本谓形，啟動終端并運行以下命令:
flutter channel master
flutter upgrade
現(xiàn)在運行如下命令：
flutter doctor
我們可以看到類似這樣的輸出(根據(jù)當(dāng)前環(huán)境輸入有所不同)：
現(xiàn)在，我們可以看到設(shè)備列表沒有顯示已連接設(shè)備疆前。這是因為默認(rèn)情況下寒跳，F(xiàn)lutter沒有啟用桌面支持。根據(jù)你的系統(tǒng)運行以下命令打開支持：
flutter config --enable-linux-desktop
flutter config --enable-macos-desktop
flutter config --enable-windows-desktop
請注意竹椒，這將為當(dāng)前終端會話設(shè)置環(huán)境變量童太，因此我們將在該終端中執(zhí)行所有后續(xù)步驟。
現(xiàn)在胸完，讓我們運行以下命令以確保系統(tǒng)顯示书释。
flutter devices
在輸出中，我現(xiàn)在看到Mac已經(jīng)連接并且可用赊窥。
創(chuàng)建應(yīng)用
用于桌面的Flutter仍然是一個實驗特性爆惧，這意味著不支持使用"Flutter create"命令創(chuàng)建新的桌面應(yīng)用程序。因此锨能，惟一的選擇是手動下載Demo文件扯再。值得慶幸的是，谷歌的Flutter隊已經(jīng)為我們做到了這一點址遇。
在終端運行這個:
git clone https://github.com/google/flutter-desktop-embedding.git
cd flutter-desktop-embedding
示例目錄是一個Flutter應(yīng)用程序熄阻，它包含所有必要的構(gòu)建腳本，在MacOS倔约、Windows和Linux上運行Flutter都需要這些腳本饺律。如果我們打開示例文件夾的VS代碼，我們將能夠看到這樣的東西:
接下來要做的就是從示例文件夾中運行以下命令跺株，獲取項目依賴:
flutter packages get
在我們繼續(xù)運行我們的應(yīng)用程序之前复濒，還有最后一步。桌面系統(tǒng)特定的構(gòu)建工具在默認(rèn)情況下是不下載的乒省，即使我們第一次運行應(yīng)用程序時巧颈，F(xiàn)lutter也會下載相同的構(gòu)建工具，但我想確保我們事先就有了它袖扛。下載相同的砸泛，運行:
flutter precache --macos
根據(jù)你的你的操作系統(tǒng)帶上參數(shù) --linux,--macos或 --windows。
恭喜你!我們現(xiàn)在已經(jīng)準(zhǔn)備好以桌面應(yīng)用程序的形式運行我們的Flutter應(yīng)用程序蛆封。
讓我們先運行這個應(yīng)用程序唇礁，然后再看一下示例代碼。在終端窗口執(zhí)行:
flutter run
終端輸出應(yīng)該是這樣的:
在MacOS上運行起來是這樣:
嗯惨篱！看起來非常簡潔美觀茬贵，終于可以在Linux上運行和MacOS一樣漂亮的界面了缓溅！
