Flutter Windows开发环境搭建教程与学习资料推荐

这篇具有很好参考价值的文章主要介绍了Flutter Windows开发环境搭建教程与学习资料推荐。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  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 上启用开发者模式

flutter windows,IDE配置,flutter,windows

4 Flutter安装

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

5 环境变量设置

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

flutter doctor

结果如下:
flutter windows,IDE配置,flutter,windows

三、Flutter IDE与项目创建

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

1 IDEA配置

(1) flutter插件安装

  下载idea, 安装flutter插件, 安装flutter插件时会提示需要安装dart插件,点击是即可, 安装过程可能比较长, 安装完成后, 需要重启IDEA.
flutter windows,IDE配置,flutter,windows

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

flutter windows,IDE配置,flutter,windows

(2) 创建flutter windows项目

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

flutter windows,IDE配置,flutter,windows

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

flutter windows,IDE配置,flutter,windows
  注意项目名需要小写, 提示项目目录不存在, 点击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, 运行项目, 如下图:

flutter windows,IDE配置,flutter,windows

2 命令行创建Flutter项目

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

命令行如下:

flutter create my_app
cd my_app
flutter run

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

flutter windows,IDE配置,flutter,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 windows,IDE配置,flutter,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仍需要探索。文章来源地址https://www.toymoban.com/news/detail-744512.html

到了这里,关于Flutter Windows开发环境搭建教程与学习资料推荐的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 深度学习服务器(Linux)开发环境搭建教程

    当你拿到一台服务器的使用权时,最头疼的莫过于登陆服务区并配置开发环境。本文将从0开始,讲述一台刚申请的服务器远程登陆并配置开发环境的全过程。希望对你有所帮助 打开MobaXterm软件,创建一个新的Session,选择SSH登陆。其中Remote host填服务器的IP地址,Specify userna

    2024年02月05日
    浏览(55)
  • 【Qt 学习笔记】Qt 开发环境的搭建 | Qt 安装教程

    博客主页:Duck Bro 博客主页 系列专栏:Qt 专栏 关注博主,后期持续更新系列文章 如果有错误感谢请大家批评指出,及时修改 感谢大家点赞👍收藏⭐评论✍ 文章编号:Qt 学习笔记 / 02 1. 安装包下载(网盘链接) 链接:https://pan.baidu.com/s/1t3jbYcFYFuJIfe0hPmeDmQ?pwd=duck 提取码:du

    2024年04月26日
    浏览(99)
  • 如何搭建flutter开发环境

    学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。 操作系统:windows7以上64位操作系统 git环境:flutter需要git环境的支持 因为Flutter是基于Android的,所以要安装Java环境 Java环境下载地址:https://www.oracle.com/java/technol

    2024年02月11日
    浏览(41)
  • Flutter的开发环境搭建-图解

    前言:Flutter作为一个移动应用开发框架,具有许多优点和一些局限性。最大的优点就是-跨平台开发:Flutter可以在iOS和Android等多个平台上进行跨平台开发,使用一套代码编写应用程序,节省开发时间和成本。 Flutter可以编译出以下平台的程序: 1. Android:Flutter可以生成Androi

    2024年02月15日
    浏览(54)
  • Android Flutter开发环境搭建

    本栏亦在快速上手Android Flutter,Flutter框架就不介绍了,框架这个东西怎么说呢,对于大部分人来说只是了解即可,如需了解的话,可以度娘资料很多。 本节我们主要看下如何在Windwos下搭建Android Flutter开发环境,然后了解下IDE上面的Flutter开发。 要安装并运行Flutter,您的开发

    2024年02月09日
    浏览(50)
  • iOS开发 超详细Flutter开发环境搭建

    此文章针对针对移动开发者,关于Flutter环境搭建,仅供参考,也可参考官网https://flutter.dve/ 进入Flutter官网https://flutter.dve/  此网站为中国网站,无需翻墙即可进入 进入后,此处便为Flutter SDK下载地址了,根据自己的操作系统选择(本人为MacOS系统,下面以本人电脑为例操作)

    2023年04月17日
    浏览(46)
  • Flutter开发②环境搭建及入口

    目录 Window Android环境搭建 安装配置 安装配置JDK 下载安装Android Studio 下载配置Flutter SDK  电脑上配置Flutter国内镜像 ​编辑 运行flutter doctor命令检测环境是否配置成功 Android Studio安装Flullter插件 找不到运行的设备  Flutter Android真机调试及VScode开发flutter应用 Flutter虚拟机模拟器

    2024年03月28日
    浏览(93)
  • Flutter 在 windows 上的开发环境设置

    此页面的链接: Important: If you’re in China, first read Using Flutter in China. 如果是用的帆樯的话,估计不用看。 对应的网页对如何在 windows 上搭建 flutter 开发环境也有十分详细的说明: https://docs.flutter.dev/get-started/install/windows 将(当前最新版)flutter_windows_3.0.3-stable.zip 下载到本机上

    2024年02月09日
    浏览(38)
  • 【Flutter】macOS从零开始使用FVM搭建Flutter开发环境

    本文为个人记录macOS系统使用fvm从零开始搭建flutter开发环境到项目运行的过程,非教程性质,仅供参考,如有疑问或建议,欢迎大家在评论区留言 附上开发设备配置 以vscode为编码工具 下载地址:Download Visual Studio Code - Mac, Linux, Windows 下载后解压安装即可 Xcode 在 iOS 真机或者

    2024年02月09日
    浏览(52)
  • 在 Windows 操作系统上安装和配置 Flutter 开发环境

    在 Windows 操作系统上安装和配置 Flutter 开发环境 系统配置要求 为了成功安装和运行 Flutter,确保您的开发环境满足以下基本需求: 操作系统:Windows 7 SP1 或更高版本。 处理器:支持 64 位的架构。 磁盘空间:至少预留 2GB 的磁盘空间用于安装 Flutter SDK 及其依赖项。 工具与软

    2024年01月22日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包