热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Flutter教程之Windows桌面应用程序开发

Flutter教程之Windows桌面应用程序开发一、前言二、环境安装三、创建项目四、已有项目添加其他平台支持一、前言Flutter是Google开源的UI工具包,


Flutter教程之Windows桌面应用程序开发

  • 一、前言
  • 二、环境安装
  • 三、创建项目
  • 四、已有项目添加其他平台支持


一、前言

Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。中文官网是 https://flutter.cn

本文主要讲如何使用Flutter来进行Windows桌面应用程序开发。


二、环境安装

打开官方说明文档页面https://flutter.cn/docs/get-started/install,下载Flutter SDK。

解压后进入bin目录,启用windows支持

flutter config --enable-windows-desktop

在这里插入图片描述

关于桌面应用开发的配置,此处有专门的页面进行说明 https://flutter.cn/desktop

运行flutter doctor,检测环境支持。
在这里插入图片描述
运行flutter devices,查看当前环境已配置好的平台。
在这里插入图片描述


三、创建项目

IEDA安装Flutter插件,过程中提示还要安装依赖Dart插件,确定。

在这里插入图片描述

安装好后重启IEDA,新建项目选择Flutter,选择Flutter SDK的路径。

在这里插入图片描述
选择需要开发的平台
在这里插入图片描述

新建项目后,提示需要下载配置Dart SDK,其实在运行flutter命令时会自动下载dart sdk,在./bin/cache/dart-sdk目录下。

在这里插入图片描述
Web运行效果
在这里插入图片描述

安装Visual Studio

在这里插入图片描述

flutter不支持vs2022问题
https://www.cnblogs.com/zcfsky/p/15693759.html

笔者安装的是vs2019社区版

运行成功
在这里插入图片描述
build\windows\runner\Debug目录下可找到可执行exe文件及其依赖和资源文件,总计约70M。
在这里插入图片描述

运行在项目根目录下运行flutter build windows命令,即可生成发行版本,总计约20M。
在这里插入图片描述


四、已有项目添加其他平台支持

执行命令以下(注意后面的代表当前目录)

flutter create --platforms=windows .

在这里插入图片描述
看结果是创建了windows项目。
此处提示需要打开系统的开发者模式,执行命令:

start ms-settings:developers

开启开发者模式:
在这里插入图片描述

再次运行:
在这里插入图片描述


推荐阅读
author-avatar
硕之缘2010
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有