最近经理要搞桌面应用,就想借咱的腿趟趟flutter这浑水,需求下来了,那就搞吧!
网上资源可谓少之又少,而且多数是转自一家之言,按他们的步骤基本玩不起来,最后通过Stack Overflow,还是回归到官方文档上,按官文走就可以了。
说明有三:
1、咱用的是flutter-desktop-embedding,想学go-flutter的就请移步别家吧!
2、这里不区分IDE,你想用Android studio、vscode还是啥随意,这里是命令配置。
3、flutterSDK下载、环境配置略,不清楚的自行百度。本文默认已配置好flutter环境。
flutter的桌面应用是这样玩的,因为它还在实验中,暂时不支持自己创建项目,也就是不能通过flutter create 创建项目,官方给的方式是把官方的example下载下来,改改壳子,在上面继续开发。
官方example就是flutter-desktop-embedding了,先下载到本地,这里注意一下,你必须在master分支上build项目,你可能疑惑了,啥是master分支,跟我有啥关系啊?
上面说了flutter-desktop-embedding是块试验田,你我都是小白鼠,小白鼠在实验田里也只能在规定的地方活动,master就是规定的地方,所以这个master分支就是指的flutter-desktop-embedding的master分支,别慌,官方给出方案了:
$flutter channel master
$flutter upgrade
$flutter config--enable-macos-desktop
下面我一一解释:
首先打开terminal(终端)进入你下载的flutter-desktop-embedding中的example下:
cd xxx/flutter-desktop-embedding/example/
按步骤执行下面操作,
flutter channel master ## 切换到主分支
图1-1flutter upgrade ## flutter版本升级
flutter config --enable-macos-desktop ##这个就重要了,用于设置mac桌面开发的环境变量
不设置这个,在你build或run时,就会报找不到设备。
图1-2这里我之前困惑了好久,网上各种解决办法 ,什么”flutter config --enable-windows-desktop”,什么”打开.bash_profile文件,添加环境变量export ENABLE_FLUTTER_DESKTOP=true”,还有”IntelliJ/Android Studio请进入设置页面:Preferences | Appearance & Behavior | Path Variables ,添加变量”等等,
不是找不到文件,就是设置没鸟用,你只需要按官文设置就行,
设置Windows就用flutter config --enable-windows-desktop,以此类推linux。
设置内容就这么多,下面就可以编译、运行了。
我看了下,Android studio里没有设备可选,不像手机开发可以选设备,点“运行”按钮。
那么我们就用命令跑吧,编译命令:
flutter build macos
运行命令:
flutter run -d macOS
同样的,windows就是flutter run-d windows,
不过Mac上跑不了windows
稍等片刻,项目就跑起来了,是不是很简单!
图1-3效果图:
图1-4
网友评论