Flutter:开发环境搭建和Android Studio创建Flutter Project

一、系统要求

在安装和运行 Flutter 前,你的 macOS 或者 Windows 环境必须满足以下要求:

二、硬件要求

  • macOS Flutter 开发环境必须满足以下最低硬件要求。
    在这里插入图片描述
  • Windows Flutter 开发环境必须满足以下最低硬件要求。
    在这里插入图片描述

三、软件要求

要为 Android 编写和编译 Flutter 代码,请安装以下软件包。

提醒
无需单独安装 Dart,因为 Flutter SDK 包含了完整的 Dart SDK

四、操作系统

  • Flutter 支持 64-bit version of Microsoft Windows 10 或更高版本。这些版本的 Windows 必须包含 Windows PowerShell 5 或更高版本。
  • Flutter 支持在 macOS 11 (Big Sur) 或更高版本上开发。本指南假定你的 Mac 默认运行 zsh shell。

五、开发工具

5.1 下载并安装以下软件包的 Windows 版本
  • Git for Windows 2.27 或更高的版本来管理源代码。
  • Android Studio 2023.3.1 (Jellyfish) 或更高版本来调试和编译 Android 的 Java 或 Kotlin 代码。 Flutter 需要完整版本的 Android Studio。
5.2 下载并安装以下软件包的 mac OS版本
  • Android Studio 2023.3.1 (Jellyfish) or later to debug and compile Java or Kotlin code for Android. Flutter requires the full version of Android Studio.
    Android Studio 2023.3.1 (Jellyfish) 或更高版本来调试和编译 Android 的 Java 或 Kotlin 代码。 Flutter 需要完整版本的 Android Studio。
  • Git 2.27 或更高版本来管理源代码。To check if you have git installed, type git version in your Terminal. If you need to install git, type brew install git.
    如果需要检查是否安装了 git,请在终端中输入 git version。如果需要安装 git,请输入 brew install git。

上述软件的开发商为这些产品提供支持。如果需要排查安装的问题,请查阅该产品的文档。

当你在当前版本运行 flutter doctor 的时候,它可能会列出这些软件包的其他不同版本。如果出现这种情况,请安装它推荐的版本。

六、文本编辑器或集成开发环境 (IDE)

可以使用任意文本编辑器或集成开发环境 (IDE),并结合 Flutter 的命令行工具,来使用 Flutter 构建应用程序。

使用带有 Flutter 扩展或插件的 IDE 会提供代码自动补全、语法高亮、widget 编写辅助、调试以及其他功能。

以下是windows热门的扩展插件:

  • Visual Studio Code 1.77 或更高版本使用 Flutter extension for VS Code。
  • Android Studio 2023.3.1 (Jellyfish) 或更高版本使用 Flutter plugin for IntelliJ.
  • IntelliJ IDEA 2023.3 或更高版本使用 Flutter plugin for IntelliJ.

以下是macOS热门的扩展插件:

  • Visual Studio Code 1.77 或更高版本使用 Flutter extension for VS Code。
  • Android Studio 2023.3.1 (Jellyfish) 或更高版本使用 Flutter plugin for IntelliJ。
  • IntelliJ IDEA 2023.3 或更高版本使用 Flutter plugin for IntelliJ 和 Android plugin for IntelliJ。

推荐
Flutter 团队推荐安装 Visual Studio Code 1.77 或更高版本并搭配 Flutter extension for VS Code。这样搭配可以简化 Flutter SDK 的安装。

七、安装 Flutter SDK

可以使用 VS Code Flutter 扩展或自行下载安装 Flutter 压缩包,来安装 Flutter SDK。

7.1 自行下载并安装 Flutter

从归档列表中下载 Flutter SDK 压缩包,将压缩包移动到你想要的位置,然后解压 SDK,以此来安装 Flutter。

下载以下 Flutter SDK 最新 stable 版本的压缩包

  • windows
    flutter_windows_3.24.5-stable.zip
  • macOS
    1. Intel 处理器
      flutter_macos_3.24.5-stable.zip
    2. Apple Silicon 处理器
      flutter_macos_arm64_3.24.5-stable.zip

关于其他发布渠道和旧版本,请查阅 Flutter SDK 归档列表。

八、配置环境变量

8.1 Windows PATH 环境变量

将 Flutter 添加到 PATH 环境变量后,才能在 PowerShell 中运行 Flutter 指令。

  • 按下快捷键 windows 10系统
    Windows + Fn + Pause,打开系统设置页面
  • 单击 高级系统设置 > 高级 > 环境变量…
    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述
8.2 验证安装

运行 flutter --version 查看flutter SDK 版本

在这里插入图片描述

运行 flutter doctor 来验证安装

在这里插入图片描述

Android SDK 安装 Command-line Tools

在这里插入图片描述

运行 flutter doctor -v 检查开发配置

在这里插入图片描述

九、在中国网络环境下使用 Flutter

9.1 使用 Flutter 镜像站点

China Flutter User Group (CFUG) 维护着一个 Flutter 简体中文网站 https://flutter.cn 以及镜像。

9.2 配置电脑使用Flutter镜像站点

在中国安装和使用 Flutter,请使用可信的 Flutter 镜像。这需要在你的机器上设置两个环境变量。


以下所有示例均假定你正在使用 CFUG 的镜像。

9.2.1 配置windows系统环境变量
  • 按下快捷键 windows 10系统
    Windows + Fn + Pause,打开系统设置页面
  • 单击 高级系统设置 > 高级 > 环境变量…

在这里插入图片描述

将 PUB_HOSTED_URL 设置为镜像站点

在这里插入图片描述

将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点

在这里插入图片描述

运行 flutter doctor 来验证安装
此过程需要使用 Powershell
在 Powershell 中打开新窗口

在这里插入图片描述

如上图所示; Network resources前面显示绿色对号,说明flutter镜像站点配置成功

下面是在dos窗口运行 flutter doctor

在这里插入图片描述

9.2.2 配置macOS系统环境变量
  1. 在 terminal 中打开新窗口,准备运行脚本。
  2. 将 PUB_HOSTED_URL 设置为镜像站点。
    export PUB_HOSTED_URL="https://pub.flutter-io.cn"
  3. 将 FLUTTER_STORAGE_BASE_URL 设置为镜像站点。
    export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
9.3 下载基于镜像站点的 Flutter SDK 压缩包

需要从镜像中的 SDK 版本列表 下载 Flutter, 请将 storage.googleapis.com 替换为你信任的镜像站点 URL。在浏览器或其他应用程序中使用镜像站点(如 IDM 或 Thunder)将提高下载速度。

下面的示例展示了如何将下载 Flutter 的 URL,从 Google 更改为 CFUG 的镜像。

要下载 Windows 3.24.5版本的 Flutter SDK

非镜像站点下载地址,需要将原始 URL:

https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_v3.13.0-stable.zip

改为镜像 URL:

https://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.24.5-stable.zip

提示
并非所有镜像都支持直接从 URL 下载。

十、开始使用 Flutter 开发 Android 应用

10.1 安装Dart和Flutter插件

打开Android Studio Settings界面

在这里插入图片描述

插件都安装完后重启Android Studio

10.2 创建Flutter Project

新建 Flutter Poject

在这里插入图片描述

配置Flutter SDK

在这里插入图片描述

在这里插入图片描述

改成小写字母后,点击create

下载依赖

在这里插入图片描述

效果图

在这里插入图片描述

十一、推荐

Flutter教程

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/934254.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

观察者模式的理解和实践

引言 在软件开发中,设计模式是开发者们为了解决常见的设计问题而总结出来的一系列最佳实践。观察者模式(Observer Pattern)是其中一种非常经典且使用率极高的设计模式。它主要用于定义对象之间的一对多关系,使得当一个对象的状态发…

音视频入门基础:MPEG2-TS专题(16)——PMT简介

一、引言 PMT(Program Map Table)与PAT表成对出现,其PID由PAT表给出。通过PMT表可以得到该节目包含的视频和音频信息,从而找到音视频流: 二、PMT表中的属性 根据《T-REC-H.222.0-202106-S!!PDF-E.pdf》第79页&#x…

嘉誉府5区共有产权看房记

特地工作日来看下嘉誉府5区的网红共有产权的房子,主要是冲着均价2.1万/平才来看。说实话从塘尾地铁步行到嘉誉府5区还挺需要时间的哈。可能以后需要电驴代步到地铁?确实楼盘现在是现楼,今年买明年住。鸿荣源确实很666哈。 今天来不需要排队&a…

ios上架构建版本没苹果电脑怎么上传

在app store上架的时候,遇到下图的问题: 点击蓝色加号的时候,并没有构建版本可以选择 从图中可以看出,它给我们推荐了很多上传工具,比如xcode、transporter或命令行工具之类的,但是这些工具都是只能在苹果…

提升网站流量的关键:AI在SEO关键词优化中的应用

内容概要 在当今数字时代,提升网站流量已成为每个网站管理员的首要任务。而人工智能的技术进步,为搜索引擎优化(SEO)提供了强有力的支持,尤其是在关键词优化方面。关键词是连接用户需求与网站内容的桥梁,其…

低代码云组态支持draw.io导入导出

支持draw.io 官网:draw.io 绘图 进入官网绘制模型,完成后导出 导出 选择“文件“ > “导出“ > “SVG“,完成后即可进行导入 新建 在低代码平台新建一个“网络拓扑”模型,如下图所示: 设计 新建的“网络拓扑”模型进行…

40分钟学 Go 语言高并发:分布式锁实现

分布式锁实现 一、概述 分布式锁是分布式系统中的一个重要组件,用于协调分布式环境下的资源访问和并发控制。我们将从锁设计、死锁预防、性能优化和容错处理四个维度深入学习。 学习目标 维度重点内容掌握程度锁设计基于Redis/etcd的锁实现原理必须掌握死锁预防…

linux 安装composer

下载composer curl -sS https://getcomposer.org/installer | php下载后设置环境变量,直接通过命令composer -v mv composer.phar /usr/local/bin/composer查看版本看是否安装成功 composer -v

Apache Echarts和POI

目录 Apache ECharts 介绍 入门 绘制一个简单的图表 Apache POI 介绍 通过POI创建Excel文件并且写入文件内容 通过POI读取Excel文件中的内容 导出Excel表格 Apache ECharts 介绍 Apache ECharts 是一款基于 Javascript 的数据可视化图表库,提供直观&#xf…

Linux网络基础知识————网络编程

计算机网络的体系结构 网络采用分而治之的方法设计,将网络的功能划分为不同的模块,以分层的形式有机结合在一起 每层实现不同的功能,其内部实现的方法对外部其他层次来说是透明的,每层向上一层提供服务,使用下一层提供…

微信小程序跳转其他小程序以及跳转网站

一、跳转其他小程序 1.1 知道appid和页面路径 wx.navigateToMiniProgram({appId: appid, // 替换为目标小程序 AppIDpath: pathWithParams, // 小程序路径envVersion: release, // 开发版、体验版或正式版success(res) {console.log("跳转到其他小程序成功!&q…

3D 生成重建030-SV3D合成环绕视频以生成3D

3D 生成重建030-SV3D合成环绕视频以生成3D 文章目录 0 论文工作1 论文方法2 实验结果 0 论文工作 论文提出了Stable Video 3D (SV3D)——一个用于生成围绕三维物体的高分辨率图像到多视角视频的潜在视频扩散模型。最近关于三维生成的文献提出了将二维生成模型应用于新视图合成…

AR眼镜_消费级工业AR智能眼镜主板硬件解决方案

AR眼镜的研发是一项复杂的软硬件集成工程,它需要在摄影、音频、交互和连接等多个方面提供卓越的基础体验,因此产品的每个细节都显得尤为重要。 在设计AR眼镜时,重量、体积和散热性能都是必须认真考量的关键因素。在芯片平台的选择上&#xff…

类和对象一

目录 1.类的引入 2.类的定义 3.访问限定符 4.类的作用域 5.类对象模型 6.类的大小 1.类的引入 C语言结构体中只能定义变量,在C中,结构体不仅可以定义变量,也可以定义函数。 C兼容C语言,结构用法可以继续使用 同时sruct也升…

AcWing 906. 区间分组

文章目录 前言代码思路 前言 前面两个都是右端点排序&#xff0c;这个我又是无脑右端点排序&#xff0c;直接 wa 了。哭。感觉反正做什么事情都不要太着急&#xff0c;心平气和地做还是比较好。没什么大不了的。考点统计 代码 #include<bits/stdc.h> using namespace …

用拉普拉斯变换的方差算法实现相机自动对焦

使用拉普拉斯变换的方差来计算图像的清晰度的主要原因是拉普拉斯算子可以有效检测图像的边缘和高频细节。图像的清晰度与边缘强度和高频分量的丰富程度密切相关,以下是更详细的解释: 1. 拉普拉斯算子的作用 拉普拉斯算子是一种二阶导数算子,定义为: 它可以在图像中检测快…

非文件形式的内存动态函数库调用接口

使用memfd的系统调用接口将动态库加载到proc虚拟文件系统&#xff0c;提供的fd为进程持有的句柄&#xff0c;通过dlopen的path指向此句柄&#xff0c;即可实现非文件系统加载动态链接库。 文章目录 一、memfd_create二、dl_open三、示例参考 一、memfd_create 接口名称int mem…

SpringBoot 开源停车场管理收费系统

一、下载项目文件 下载源码项目文件口令&#xff1a; 【前端小程序地址】(3.0)&#xff1a;伏脂火器白泽知洞座/~6f8d356LNL~:/【后台管理地址】(3.0)&#xff1a;伏脂火器仇恨篆洞座/~0f4a356Ks2~:/【岗亭端地址】(3.0)&#xff1a;动作火器智汇堂多好/~dd69356K6r~:/复制口令…

计算生成报价单小程序系统开发方案

计算生成报价单小程序报价系统&#xff0c;是根据商品品牌、类型、型号、规格、芯数、特性、颜色、分类进行选择不同的参数进行生成报价单&#xff0c;要求报价单支持生成图片、pdf、excel表格。 计算生成报价单小程序系统的主要功能模块有&#xff1a; 1、在线生成报价单&…

当 webclient 返回复杂json, 但是我只需要其中几个字段的解决方案

当 webclient 返回复杂json, 但是我只需要其中几个字段的解决方案: Spring 的 WebClient 使用 Jackson 作为默认的 JSON 序列化和反序列化工具&#xff0c;可以轻松将 JSON 映射为对象。