Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。中文官网是 https://flutter.cn
https://flutter.cn
本文主要讲如何使用Flutter来进行Windows桌面应用程序开发。
打开官方说明文档页面 https://flutter.cn/docs/get-started/install ,下载Flutter SDK。
解压后进入 bin 目录,启用windows支持
bin
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 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。本文主要讲如何使用Flutter来进行Windows桌面应用程序开发。 Engine • revision 65ac8be350 Tools • Dart 2.9.0 (build 2.9.0-20.0.dev f8ff12008e)—[· flutter channel Flutter channels:—[· flutter config --enable-windows-desktop —[· E: —[· cd Projects\Flutter\Desk —[· flutter create toly_fluttergit clone https://gith 这是我的第一篇CSDN,希望以后可以保持记录的好习惯~ Flutter官网地址:https://flutter.dev/ Flutter中文地址:https://flutter.cn/ 好像是中国社区这边做的,是对官网的翻译 关于安装Flutter环境 目前,Flutter主要是支持移动应用和web开发,但是根据官方文档显示,桌面应用的开发已经进入了正式上线前比较稳定的阶段,预计2021的下半年靠后会正式上线~ 项目运行环境:macOS Big Sur 环境安装: Flutter 以其跨平台和高性能的应用程序而闻名,这些应用程序可以在移动、Web、桌面和嵌入式设备上进行本地编译。 Flutter 的桌面支持在相当长的一段时间内处于试验阶段,但随着 的引入,桌面支持(macOS、Linux 和 Windows)现在可以在 Flutter 的稳定分支上使用。自 Flutter 2.10 发布以来,Windows 桌面被标记为稳定。 在本文中,将介绍设置 Flutter SDK 以在Windows桌面操作系统上 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上运行。这是使用Flutter在Windows上开发应用程序的基本步骤。但是,需要注意的是,Flutter Desktop还处于实验阶段,可能存在一些问题和限制。
关于桌面应用开发的配置,此处有专门的页面进行说明 https://flutter.cn/desktop
运行flutter doctor,检测环境支持。 运行flutter devices,查看当前环境已配置好的平台。
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。
build\windows\runner\Debug
运行在项目根目录下运行flutter build windows命令,即可生成发行版本,总计约20M。
flutter build windows
执行命令以下(注意后面的点代表当前目录)
点
flutter create --platforms=windows . 看结果是创建了windows项目。 此处提示需要打开系统的开发者模式,执行命令: start ms-settings:developers 开启开发者模式: 再次运行: 【转载请注明出处: https://leytton.blog.csdn.net/article/details/122012246】 如果本文有帮到你,请点个赞让我知道 😃 一、前言Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。本文主要讲如何使用Flutter来进行Windows桌面应用程序开发。 Engine • revision 65ac8be350 Tools • Dart 2.9.0 (build 2.9.0-20.0.dev f8ff12008e)—[· flutter channel Flutter channels:—[· flutter config --enable-windows-desktop —[· E: —[· cd Projects\Flutter\Desk —[· flutter create toly_fluttergit clone https://gith 这是我的第一篇CSDN,希望以后可以保持记录的好习惯~ Flutter官网地址:https://flutter.dev/ Flutter中文地址:https://flutter.cn/ 好像是中国社区这边做的,是对官网的翻译 关于安装Flutter环境 目前,Flutter主要是支持移动应用和web开发,但是根据官方文档显示,桌面应用的开发已经进入了正式上线前比较稳定的阶段,预计2021的下半年靠后会正式上线~ 项目运行环境:macOS Big Sur 环境安装: Flutter 以其跨平台和高性能的应用程序而闻名,这些应用程序可以在移动、Web、桌面和嵌入式设备上进行本地编译。 Flutter 的桌面支持在相当长的一段时间内处于试验阶段,但随着 的引入,桌面支持(macOS、Linux 和 Windows)现在可以在 Flutter 的稳定分支上使用。自 Flutter 2.10 发布以来,Windows 桌面被标记为稳定。 在本文中,将介绍设置 Flutter SDK 以在Windows桌面操作系统上 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上运行。这是使用Flutter在Windows上开发应用程序的基本步骤。但是,需要注意的是,Flutter Desktop还处于实验阶段,可能存在一些问题和限制。
flutter create --platforms=windows . 看结果是创建了windows项目。 此处提示需要打开系统的开发者模式,执行命令:
看结果是创建了windows项目。 此处提示需要打开系统的开发者模式,执行命令:
start ms-settings:developers 开启开发者模式: 再次运行: 【转载请注明出处: https://leytton.blog.csdn.net/article/details/122012246】 如果本文有帮到你,请点个赞让我知道 😃 一、前言Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。本文主要讲如何使用Flutter来进行Windows桌面应用程序开发。 Engine • revision 65ac8be350 Tools • Dart 2.9.0 (build 2.9.0-20.0.dev f8ff12008e)—[· flutter channel Flutter channels:—[· flutter config --enable-windows-desktop —[· E: —[· cd Projects\Flutter\Desk —[· flutter create toly_fluttergit clone https://gith 这是我的第一篇CSDN,希望以后可以保持记录的好习惯~ Flutter官网地址:https://flutter.dev/ Flutter中文地址:https://flutter.cn/ 好像是中国社区这边做的,是对官网的翻译 关于安装Flutter环境 目前,Flutter主要是支持移动应用和web开发,但是根据官方文档显示,桌面应用的开发已经进入了正式上线前比较稳定的阶段,预计2021的下半年靠后会正式上线~ 项目运行环境:macOS Big Sur 环境安装: Flutter 以其跨平台和高性能的应用程序而闻名,这些应用程序可以在移动、Web、桌面和嵌入式设备上进行本地编译。 Flutter 的桌面支持在相当长的一段时间内处于试验阶段,但随着 的引入,桌面支持(macOS、Linux 和 Windows)现在可以在 Flutter 的稳定分支上使用。自 Flutter 2.10 发布以来,Windows 桌面被标记为稳定。 在本文中,将介绍设置 Flutter SDK 以在Windows桌面操作系统上 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上运行。这是使用Flutter在Windows上开发应用程序的基本步骤。但是,需要注意的是,Flutter Desktop还处于实验阶段,可能存在一些问题和限制。
start ms-settings:developers 开启开发者模式:
开启开发者模式:
再次运行: 【转载请注明出处: https://leytton.blog.csdn.net/article/details/122012246】 如果本文有帮到你,请点个赞让我知道 😃 一、前言Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。本文主要讲如何使用Flutter来进行Windows桌面应用程序开发。 Engine • revision 65ac8be350 Tools • Dart 2.9.0 (build 2.9.0-20.0.dev f8ff12008e)—[· flutter channel Flutter channels:—[· flutter config --enable-windows-desktop —[· E: —[· cd Projects\Flutter\Desk —[· flutter create toly_fluttergit clone https://gith 这是我的第一篇CSDN,希望以后可以保持记录的好习惯~ Flutter官网地址:https://flutter.dev/ Flutter中文地址:https://flutter.cn/ 好像是中国社区这边做的,是对官网的翻译 关于安装Flutter环境 目前,Flutter主要是支持移动应用和web开发,但是根据官方文档显示,桌面应用的开发已经进入了正式上线前比较稳定的阶段,预计2021的下半年靠后会正式上线~ 项目运行环境:macOS Big Sur 环境安装: Flutter 以其跨平台和高性能的应用程序而闻名,这些应用程序可以在移动、Web、桌面和嵌入式设备上进行本地编译。 Flutter 的桌面支持在相当长的一段时间内处于试验阶段,但随着 的引入,桌面支持(macOS、Linux 和 Windows)现在可以在 Flutter 的稳定分支上使用。自 Flutter 2.10 发布以来,Windows 桌面被标记为稳定。 在本文中,将介绍设置 Flutter SDK 以在Windows桌面操作系统上 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上运行。这是使用Flutter在Windows上开发应用程序的基本步骤。但是,需要注意的是,Flutter Desktop还处于实验阶段,可能存在一些问题和限制。
再次运行: 【转载请注明出处: https://leytton.blog.csdn.net/article/details/122012246】
如果本文有帮到你,请点个赞让我知道 😃