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
在这里插入图片描述

问题: 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 ,可以看到问题已经解决
在这里插入图片描述

项目创建

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

flutter create 项目名称

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

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

猜你喜欢

转载自blog.csdn.net/weixin_41897680/article/details/125649294