Flutter Windows开发环境搭建教程与学习资料推荐-程序员宅基地

技术标签: flutter  windows  IDE配置  

  Windows应用软件开发有很多框架可以选择,例如比较流行的Electron、Qt、CEF、WPF、WinForm、MFC、DuiLib、SOUI等等。Flutter是近几年流行的全平台应用开发框架,可以进行Android、IOS、Web、MacOS、Windows、Linux等平台的应用软件开发。

一、Flutter介绍

  Flutter是谷歌推出的一种移动应用开发框架,使用Dart语言编写。更多Flutter资料大家可参考Flutter官网: https://flutter.cn/
  Flutter 2.10 起,Windows 的支持已进入 stable 渠道! 本篇介绍Flutter Windows开发环境搭建,以及如何使用Flutter进行Windows应用软件开发。

二、Flutter Windows开发环境搭建

  详细参考官网 https://flutter.cn/docs/get-started/install/windows
  有以下几点需要注意

1 C++编译支持

  Flutter Windows开发,依赖C++编译环境,因此需要先安装Visual Studio,安装时注意勾选C++模块、C++ Windows桌面开发模块。

2 查看电脑中是否有flutter dart环境

where flutter dart

3 必须在 Windows 10/11 上启用开发者模式

在这里插入图片描述

4 Flutter安装

  Flutter开发语言是Dart,注意,不需要单独安装dart sdk, flutter sdk包含有dart 。

5 环境变量设置

  根据官网的提示,进行配置环境变量,加入 flutter\bin 目录的完整路径,检测系统flutter开发环境

flutter doctor

结果如下:
在这里插入图片描述

三、Flutter IDE与项目创建

  Flutter开发环境推荐使用IDEA或VS Code,下面介绍IDEA Flutter环境配置。

1 IDEA配置

(1) flutter插件安装

  下载idea, 安装flutter插件, 安装flutter插件时会提示需要安装dart插件,点击是即可, 安装过程可能比较长, 安装完成后, 需要重启IDEA.
在这里插入图片描述

  flutter插件安装完后,需要重启idea

在这里插入图片描述

(2) 创建flutter windows项目

  初次使用idea创建flutter项目,需要指定flutter的路径

在这里插入图片描述

  填写项目名称, 指定项目路径

在这里插入图片描述
  注意项目名需要小写, 提示项目目录不存在, 点击Create即可.

(3) 运行项目

  初次创建项目时,可能会出现某些包未更新, 需要联网更新, 例如下面的错误,

flutter错误
D:\devkits\flutter_windows_3.10.2-stable\flutter\bin\flutter.bat
–no-color pub get Resolving dependencies… Got TLS error trying to find package cupertino_icons at https://pub.dev. Process finished with
exit code 69

更新完之后选择设备, 这里选择的是Windows, 运行项目, 如下图:

在这里插入图片描述

2 命令行创建Flutter项目

  除了使用IDEA创建Flutter项目,也可以使用命令行创建项目, 然后使用idea或者vscode打开项目文件夹即可.

命令行如下:

flutter create my_app
cd my_app
flutter run

输入数字1,选择在Windows上运行

在这里插入图片描述
执行flutter run生成的是Debug版exe
生成的exe路径 D:\my_study\FlutterLearning\my_app\build\windows\runner\Debug

要生成 release 版本,可以运行以下命令之一

PS flutter build windows
flutter build macos
flutter build linux

例如windows

在这里插入图片描述

四、如何学习Flutter开发

  Flutter开发分为两部分,先学习Dart,再学习Flutter.

1 Dart学习资料

  使用Dart,需要Dart SDK,可以单独安装Dart SDK学习Flutter开发,也可以使用Flutter工具包自带的Dart SDK, 建议使用Flutter工具包自带的Dart SDK。
  自 Flutter 1.19.0 dev 版本开始,Flutter SDK 在 flutter 命令脚本的同级目录下增加了 dart 命令,你可以更方便地运行 Dart 命令行程序。下载 Flutter SDK 时也会下载对应版本的 Dart SDK,但如果你单独下载了 Dart SDK,请确保 Flutter SDK 内的 dart 在你的环境变量中排在首位,因为单独的 SDK 可能并不兼容 Flutter SDK。下面的命令展示了 flutter 和 dart 是否来自相同的 bin 目录,并且是否可以兼容使用。
  如何卸载Dart SDK,windows系统,Dart SDK一般安装在C:/tools目录,删除整个目录,然后把环境变量里和该路径的全部删除。

  Dart学习文档1 https://dart.cn/samples
  Dart学习文档2 https://www.dartcn.com/guides/language

2 Flutter学习资料

  Flutter开发文档 https://flutter.cn/docs
  Flutter实战电子书 https://book.flutterchina.club/

五、Flutter在桌面开发与Qt的对比

版权

  Flutter开源,完全免费;Qt需要版权费。大部分在开发windows应用时不会为Qt付费,可能会选择Electron、或者WPF等矿建。Flutter在PC客户端开发目前还不完善,需要探索。

开发生态

  Qt历史悠久,开发资料更多,生态成熟,Qt C++与系统交互更方便,性能接近Native,可参考的项目比较多,例如WPS、腾讯会议、剪映、亿图脑图、斗鱼、钉钉会议窗口等等; Flutter PC端生态较弱,钉钉PC端部分界面使用了Flutter, 其它基本无参考。

开发难度

  就开发学习难度来说,无对此性,唯手熟尔。

框架选型

  如果有Windows应用需求,可选择Qt、DuiLib、WPF,如果无Native交互需求,可选择CEF、Electron、tauri等等Web桌面客户端框架。近几年不建议使用Flutter进行桌面端开发,Flutter仍需要探索。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yao_hou/article/details/130907155

智能推荐

稀疏编码的数学基础与理论分析-程序员宅基地

文章浏览阅读290次,点赞8次,收藏10次。1.背景介绍稀疏编码是一种用于处理稀疏数据的编码技术,其主要应用于信息传输、存储和处理等领域。稀疏数据是指数据中大部分元素为零或近似于零的数据,例如文本、图像、音频、视频等。稀疏编码的核心思想是将稀疏数据表示为非零元素和它们对应的位置信息,从而减少存储空间和计算复杂度。稀疏编码的研究起源于1990年代,随着大数据时代的到来,稀疏编码技术的应用范围和影响力不断扩大。目前,稀疏编码已经成为计算...

EasyGBS国标流媒体服务器GB28181国标方案安装使用文档-程序员宅基地

文章浏览阅读217次。EasyGBS - GB28181 国标方案安装使用文档下载安装包下载,正式使用需商业授权, 功能一致在线演示在线API架构图EasySIPCMSSIP 中心信令服务, 单节点, 自带一个 Redis Server, 随 EasySIPCMS 自启动, 不需要手动运行EasySIPSMSSIP 流媒体服务, 根..._easygbs-windows-2.6.0-23042316使用文档

【Web】记录巅峰极客2023 BabyURL题目复现——Jackson原生链_原生jackson 反序列化链子-程序员宅基地

文章浏览阅读1.2k次,点赞27次,收藏7次。2023巅峰极客 BabyURL之前AliyunCTF Bypassit I这题考查了这样一条链子:其实就是Jackson的原生反序列化利用今天复现的这题也是大同小异,一起来整一下。_原生jackson 反序列化链子

一文搞懂SpringCloud,详解干货,做好笔记_spring cloud-程序员宅基地

文章浏览阅读734次,点赞9次,收藏7次。微服务架构简单的说就是将单体应用进一步拆分,拆分成更小的服务,每个服务都是一个可以独立运行的项目。这么多小服务,如何管理他们?(服务治理 注册中心[服务注册 发现 剔除])这么多小服务,他们之间如何通讯?这么多小服务,客户端怎么访问他们?(网关)这么多小服务,一旦出现问题了,应该如何自处理?(容错)这么多小服务,一旦出现问题了,应该如何排错?(链路追踪)对于上面的问题,是任何一个微服务设计者都不能绕过去的,因此大部分的微服务产品都针对每一个问题提供了相应的组件来解决它们。_spring cloud

Js实现图片点击切换与轮播-程序员宅基地

文章浏览阅读5.9k次,点赞6次,收藏20次。Js实现图片点击切换与轮播图片点击切换<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/ja..._点击图片进行轮播图切换

tensorflow-gpu版本安装教程(过程详细)_tensorflow gpu版本安装-程序员宅基地

文章浏览阅读10w+次,点赞245次,收藏1.5k次。在开始安装前,如果你的电脑装过tensorflow,请先把他们卸载干净,包括依赖的包(tensorflow-estimator、tensorboard、tensorflow、keras-applications、keras-preprocessing),不然后续安装了tensorflow-gpu可能会出现找不到cuda的问题。cuda、cudnn。..._tensorflow gpu版本安装

随便推点

物联网时代 权限滥用漏洞的攻击及防御-程序员宅基地

文章浏览阅读243次。0x00 简介权限滥用漏洞一般归类于逻辑问题,是指服务端功能开放过多或权限限制不严格,导致攻击者可以通过直接或间接调用的方式达到攻击效果。随着物联网时代的到来,这种漏洞已经屡见不鲜,各种漏洞组合利用也是千奇百怪、五花八门,这里总结漏洞是为了更好地应对和预防,如有不妥之处还请业内人士多多指教。0x01 背景2014年4月,在比特币飞涨的时代某网站曾经..._使用物联网漏洞的使用者

Visual Odometry and Depth Calculation--Epipolar Geometry--Direct Method--PnP_normalized plane coordinates-程序员宅基地

文章浏览阅读786次。A. Epipolar geometry and triangulationThe epipolar geometry mainly adopts the feature point method, such as SIFT, SURF and ORB, etc. to obtain the feature points corresponding to two frames of images. As shown in Figure 1, let the first image be ​ and th_normalized plane coordinates

开放信息抽取(OIE)系统(三)-- 第二代开放信息抽取系统(人工规则, rule-based, 先抽取关系)_语义角色增强的关系抽取-程序员宅基地

文章浏览阅读708次,点赞2次,收藏3次。开放信息抽取(OIE)系统(三)-- 第二代开放信息抽取系统(人工规则, rule-based, 先关系再实体)一.第二代开放信息抽取系统背景​ 第一代开放信息抽取系统(Open Information Extraction, OIE, learning-based, 自学习, 先抽取实体)通常抽取大量冗余信息,为了消除这些冗余信息,诞生了第二代开放信息抽取系统。二.第二代开放信息抽取系统历史第二代开放信息抽取系统着眼于解决第一代系统的三大问题: 大量非信息性提取(即省略关键信息的提取)、_语义角色增强的关系抽取

10个顶尖响应式HTML5网页_html欢迎页面-程序员宅基地

文章浏览阅读1.1w次,点赞6次,收藏51次。快速完成网页设计,10个顶尖响应式HTML5网页模板助你一臂之力为了寻找一个优质的网页模板,网页设计师和开发者往往可能会花上大半天的时间。不过幸运的是,现在的网页设计师和开发人员已经开始共享HTML5,Bootstrap和CSS3中的免费网页模板资源。鉴于网站模板的灵活性和强大的功能,现在广大设计师和开发者对html5网站的实际需求日益增长。为了造福大众,Mockplus的小伙伴整理了2018年最..._html欢迎页面

计算机二级 考试科目,2018全国计算机等级考试调整,一、二级都增加了考试科目...-程序员宅基地

文章浏览阅读282次。原标题:2018全国计算机等级考试调整,一、二级都增加了考试科目全国计算机等级考试将于9月15-17日举行。在备考的最后冲刺阶段,小编为大家整理了今年新公布的全国计算机等级考试调整方案,希望对备考的小伙伴有所帮助,快随小编往下看吧!从2018年3月开始,全国计算机等级考试实施2018版考试大纲,并按新体系开考各个考试级别。具体调整内容如下:一、考试级别及科目1.一级新增“网络安全素质教育”科目(代..._计算机二级增报科目什么意思

conan简单使用_apt install conan-程序员宅基地

文章浏览阅读240次。conan简单使用。_apt install conan