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

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

再次运行:
在这里插入图片描述
【转载请注明出处: https://leytton.blog.csdn.net/article/details/122012246

如果本文有帮到你,请点个赞让我知道 😃

Flutter可以用来开发跨平台的移动应用和Web应用程序,但也可以用于开发桌面应用程序,包括Windows应用程序Flutter Desktop是Flutter的一个实验性分支,可以用于构建Windows、macOS和Linux上的本地应用程序。下面是在Windows上搭建Flutter Desktop环境并开始开发Windows应用程序的步骤: 1. 安装Flutter SDK:首先,您需要安装Flutter SDK。您可以从Flutter官方网站(https://flutter.dev/docs/get-started/install/windows)下载Flutter SDK并按照指示进行安装。 2. 安装Visual Studio Code:您需要安装Visual Studio Code(VS Code),这是一个轻量级的代码编辑器,非常适合Flutter开发。 3. 安装Flutter和Dart插件:在VS Code中,您需要安装Flutter和Dart插件。打开VS Code并按下Ctrl+Shift+X,搜索Flutter和Dart插件,然后单击“安装”按钮。 4. 安装Flutter Desktop工具包:Flutter Desktop需要一些额外的工具和库来构建本地应用程序。您可以从https://github.com/google/flutter-desktop-embedding/releases下载Flutter Desktop工具包,并将其解压缩到任何位置。 5. 配置环境变量:打开系统环境变量设置,并将Flutter和Dart的bin目录添加到PATH变量中。例如,如果您将Flutter和Dart安装在C:\flutter和C:\dart中,则应将C:\flutter\bin和C:\dart\bin添加到PATH变量中。 6. 创建Flutter应用程序:现在,您可以使用VS Code创建Flutter应用程序。打开VS Code,单击“文件”>“新建文件夹”,然后为您的应用程序选择一个位置。然后,按下Ctrl+Shift+P,搜索“Flutter”,并选择“Flutter: New Project”。按照指示创建Flutter应用程序。 7. 集成Flutter Desktop:现在,您需要将Flutter Desktop添加到您的Flutter应用程序中。在您的Flutter应用程序根目录下,打开pubspec.yaml文件,并添加以下依赖项: ``` dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter desktop_window: ^0.5.1 path_provider: ^1.6.11 sqflite: ^1.3.2+1 path: ^1.7.0 ``` 然后,运行以下命令,从Flutter Desktop工具包中获取所需的文件: ``` flutter packages get flutter packages pub run build_runner build --delete-conflicting-outputs ``` 8. 运行应用程序:现在,您可以运行您的Flutter应用程序。打开终端并导航到您的应用程序根目录,然后运行以下命令: ``` flutter run -d windows ``` 这将启动您的Flutter应用程序,并在Windows上运行。这是使用FlutterWindows开发应用程序的基本步骤。但是,需要注意的是,Flutter Desktop还处于实验阶段,可能存在一些问题和限制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值