【Flutter桌面篇】Flutter&Windows应用尝鲜

一、运行Flutter初始项目

1.FlutterSDK桌面程序创建

• 目前稳定版不支持Windows，我可以新建个文件夹，下载master分支的Flutter
• 修改计算机的环境变量，指向master分支的Flutter SDK
• 开启Windows支持: flutter config --enable-windows-desktop
• 创建Flutter项目, 建议命令行创建，比较方便。

---[·  git clone -b master https://github.com/flutter/flutter.git

---[·  flutter --version
Flutter 1.20.0-3.0.pre.124 • channel master • https://github.com/flutter/flutter.git
Framework • revision ec3368ae45 (17 hours ago) • 2020-07-02 01:58:01 -0400
Engine • revision 65ac8be350
Tools • Dart 2.9.0 (build 2.9.0-20.0.dev f8ff12008e)

---[·  flutter channel
Flutter channels:
* master
  dev
  beta
  stable
  
---[·  flutter config --enable-windows-desktop
---[·  E:
---[·  cd Projects\Flutter\Desk
---[·  flutter create toly_flutter 

• 你可以看到有windows的目录，这里面就是Windows应用的工程

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Gyn7Cww4-1629959897708)(https://user-gold-cdn.xitu.io/2020/7/3/17312f73c9964bcb?imageView2/0/w/1280/h/960/ignore-error/1)]

---

2. 运行Flutter的Windows项目

开启windows支持后，重启AS后，会有下面的下拉选项

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IrfaONfy-1629959897710)(https://user-gold-cdn.xitu.io/2020/7/3/17312f7ae6ae5f7c?imageView2/0/w/1280/h/960/ignore-error/1)]

直接运行可能会出错，因为Windows应用编译需要Visual Studio工具，就像MacOS需要Xcode一样

可以执行一下flutter doctor看看情况

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fFbCWGDm-1629959897712)(https://user-gold-cdn.xitu.io/2020/7/3/17312f7e8336e896?imageView2/0/w/1280/h/960/ignore-error/1)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nkh5ntp6-1629959897714)(https://user-gold-cdn.xitu.io/2020/7/3/17312f96aaf0ff4c?imageView2/0/w/1280/h/960/ignore-error/1)]

---

3.安装 VisualStudio

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B4G5hRRX-1629959897715)(https://user-gold-cdn.xitu.io/2020/7/3/17312f9baa0ada58?imageView2/0/w/1280/h/960/ignore-error/1)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gJIP5Ki5-1629959897716)(https://user-gold-cdn.xitu.io/2020/7/3/17312f9f1017e394?imageView2/0/w/1280/h/960/ignore-error/1)]

下载完后,flutter doctor时，如下。之后就可以运行了。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fFQLG7lz-1629959897716)(https://user-gold-cdn.xitu.io/2020/7/3/17312fa4f7bfd487?imageView2/0/w/1280/h/960/ignore-error/1)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7ZZcOAZl-1629959897716)(https://user-gold-cdn.xitu.io/2020/7/3/17312fd6960d86ae?imageView2/0/w/1280/h/960/ignore-error/1)]

---

二、官方桌面项目和一些桌面插件

1.运行官方桌面示例

Github上google的flutter-desktop-embedding是官方的桌面支持项目,

里面有很多官方提供的实用插件，可以下载看看。

 git clone https://github.com/google/flutter-desktop-embedding.git 

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eKtilO7q-1629959897717)(https://user-gold-cdn.xitu.io/2020/7/3/17312fb6ff537157?imageView2/0/w/1280/h