在Windows上搭建Flutter开发环境

准备工具

1.操作系统: Windows 7 或更高版本 (64-bit)
2.磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
3.Git for Windows (Git命令行工具)
4.Android Studio (版本3.0 +)

第一步:安装git

本章主要介绍安装Flutter,此处省略Git安装

第二步:安装Flutter

打开一个新的命令提示符或PowerShell窗口并运行以下命令

// 进入D盘
C:\Users>D:
// 下载 Flutter 到D盘根目录
D:\>git clone -b beta https://github.com/flutter/flutter.git

配置环境变量
Flutter环境变量:Path = D:\flutter\bin
添加用户环境变量:PUB_HOSTED_URL = https://pub.flutter-io.cn
添加用户环境变量:FLUTTER_STORAGE_BASE_URL = https://storage.flutter-io.cn

// 检查 Flutter依赖安装(下载它自己的依赖项并自行编译,这一步会耗费一些时间)
D:\>flutter doctor

第三步:Android Studio配置

启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的

安装Flutter和Dart插件

  • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

1.启动Android Studio.
2.打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
3.选择 Browse repositories…, 选择 Flutter 插件并点击 install.
4.重启Android Studio后插件生效.

错误解决

我第一次安装执行flutter doctor时遇见错误

[] Flutter (Channel beta, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.17134.765], locale zh-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
   ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[!] Android Studio (version 3.0)
   X Flutter plugin not installed; this adds Flutter specific functionality.
   X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected device
   ! No devices available

第一个说Flutter已经安装完毕
第二个报错Flutter需要AndroidSDK28.0.3支持
第三个报错 Android Studio (version 3.0),没有安装Flutter 和Dart 插件
第四个报警没有可用设备(测试使用得 虚拟机或真机)
.
将以上错误逐一解决就完成了Flutter安装,打开AS便可创建Flutter项目了。
.
如果发现有 ‘ ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses’ 错误
执行 : flutter doctor --android-licenses 一路 y 下去就行了

正确显示应为

C:\Users>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[] Flutter (Channel beta, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.17134.765], locale zh-CN)
[] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[] Android Studio (version 3.0)
[] Connected device (1 available)

• No issues found!

flutter历史版本

运行

 flutter run

报错:

Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source! 
Using hardware rendering with device sdk gphone64 x86 64. If you notice graphics artifacts, consider enabling software rendering with 
"--enable-software-rendering". 
Launching lib\main.dart on sdk gphone64 x86 64 in debug mode... 
Exception in thread "main" java.net.ConnectException: Connection timed out: connect 

大多原因是本地环境不能连接外网,环境构建和项目第一次运行时都要拉取相关依赖。此时需要配代理、梯子站源,但还是time out,具体原因未知,
本次问题解决方案:项目下\android\gradle\wrapper\gradle-wrapper.properties内distributionUrl,下载gradle-*.zip文件放在本地,将distributionUrl修改成本地路径
在这里插入图片描述

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
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还处于实验阶段,可能存在一些问题和限制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

马志武

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值