Flutter:环境搭建、项目创建

前言

下面环境搭建基于windowAndroid Studio

搭建Flutter开发环境

参考:搭建Flutter开发环境

下载sdk

去flutter官网下载其最新可用的安装包,下载地址 https://flutter.dev/docs/development/tools/sdk/releases

将安装包zip解压到你想安装Flutter SDK的路径

添加环境变量

打开控制面板,找到环境变量,修改环境变量。在用户变量下找到Path, 追加 flutter\bin的全路径,使用 ; 作为分隔符。
在这里插入图片描述

cmdpower shell下运行 flutter ,如果下图表示添加成功。
在这里插入图片描述
运行 flutter doctor命令
在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:

flutter doctor

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。

运行结果如图:
在这里插入图片描述
其中:

  • [√] 表示该项没有问题
  • [!] 表示该项存在部分问题
  • [X] 表示该项找不到或有严重错误

第一个问题:需要下载 Android Studio ,地址:https://developer.android.google.cn/studio/install.html

下载完安装包运行,就按照默认设置一路next即可,安装完成后我们需要安装一些常用插件:

Android studio开发Flutter常用插件

再次运行:
在这里插入图片描述

问题: cmdline-tools component is missing,因为没安装cmdline-tools工具
解决:首先打开andriod studio,按照下图点击
在这里插入图片描述

在这里插入图片描述

问题: Some Android licenses not accepted.
解决:运行 flutter doctor --android-licenses ,会出来一些选项,全都选择y (如果你的flutter是3.3,那么你的jdk需要17否则这个命令会执行失败)
在这里插入图片描述

问题: Visual Studio - develop for Windows (Visual Studio 15 生成工具 2017 15.9.47)
解决:下载Visual Studio,下载地址:https://visualstudio.microsoft.com/zh-hans/downloads/

运行安装程序后,选择 使用 C++ 进行桌面开发工作负载,包括其所有默认组件
在这里插入图片描述

基本上是说,如果您想为 Windows 开发 Flutter 应用程序,则需要安装Visual Studio 2022,在安装 Visual Studio 2022 时,您需要下载:Desktop development with C++

问题:HTTP Host availability check is taking a long time…[!] HTTP Host Availability
这个可以忽略,国内网络目前无解,不影响开发使用。

再次运行 flutter doctor ,可以看到问题已经解决
在这里插入图片描述
------------------------------------------分割线-------------------------------------------------
换了台新电脑是win11,结果有出现了一些其他问题,再次整理一波。

问题: Windows Versin (Unable to confirm if installed Windows version is 10 or greater)
在这里插入图片描述
解决方法见:Windows11安装Flutter

这篇文章里也介绍了一下常见问题

问题:缺少Java,之前没遇到这个问题,可能是旧电脑里有Java的环境😒
在这里插入图片描述
建议下载jdk17(对应flutter jdk3.3),安装在默认路径下,版本过高了好像会有问题。jdk安装后配置环境变量,具体可以看一下jdk安装和配置
配置完后,输入java可能还提示没有,可以重新打开cmd再试一下。安装成功如下:
在这里插入图片描述
重新运行了一下 flutter doctor,还是存在该问题。查了一下2022.1.1以后的Android studio移除了jre目录,所以

  • 要么用低版本的(不建议)
  • 打开你的Android目录,将jbr文件夹里的东西复制一份到jre文件夹里
    在这里插入图片描述
    这样就解决了这个问题
    在这里插入图片描述

问题:Cannot find the executable for where. This can happen if the System32 folder (e.g. C:\Windows\System32 ) is removed from the PATH environment variable
解决:
在这里插入图片描述

修改依赖下载地址

flutter下载依赖默认是从https://pub.dev/进行下载,但是网站在国外,打开都费劲,更别说下载依赖了。这是我们可以使用国内源,比如官方 Flutter 社区的国内镜像 https://pub-web.flutter-io.cn/

切换源需要设置一下环境变量,在用户变量里添加下面两个

FLUTTER_STORAGE_BASE_URL       https://storage.flutter-io.cn
PUB_HOSTED_URL                https://pub.flutter-io.cn

在这里插入图片描述在这里插入图片描述
设置后需要重新启动一下 Android studio,后面下载依赖时就会从国内地址下载。

在这里插入图片描述

项目创建

这里我们采用命令行的方式创建,简单不容易出错

flutter create 项目名称

在这里插入图片描述
通过Android Studio 打开该项目
在这里插入图片描述
在这里插入图片描述

第一次运行比较慢,会下载一些依赖,大约15分钟,app启动成功。
在这里插入图片描述

现在除了在移动端设备上运行外还支持 浏览器和桌面端(感觉牛叉啊,一套代码各种编译)
在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

无知的小菜鸡

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

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

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

打赏作者

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

抵扣说明:

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

余额充值