Flutter笔记(一)- 安装和配置Flutter

news2024/11/19 18:26:05

一、下载Flutter

访问网址:https://docs.flutter.dev/get-started/install?hl=zh-cn
根据电脑所使用的操作系统的平台进行选择。笔者电脑的操作系统为Windows,因此选择如图1-1的Windows图片:
图1-1
图1-1 Flutter网站(一)

然后根据跳转的页面,选择图1-2的Android。
图1-2
图1-2 Flutter网站(二)

确定安装Flutter的系统需求:

1.硬件需求

需求最小配置推荐配置
X86_64 CPU 内核48
内存(GB)816
显示分辨率(像素)WXGA(1366x768)FHD(1920X1080)
可用磁盘空间(GB)11.060.0

2.软件需求

(1)操作系统
Flutter 支持 64 位版本的 Microsoft Windows 10 或更高版本。
(2)开发工具
Git for Windows 2.27及以上版本
Android Studio 23.2.1及以上版本

二、安装Flutter SDK

因为后续要在Android Studio中配置Flutter,因此选择
Download and install选项中展示的flutter_windows_3.22.1-stable.zip文件,如图2-1所示。
图2-1
图2-1 Flutter SDK下载网站
解压zip文件,笔者为了管理方便,将解压后的文件放置在D:\flutter\flutter_windows_3.22.1-stable\flutter,如图2-2所示:
在这里插入图片描述
图2-2 Flutter的解压后的目录

三、在Android Studio中配置Flutter

1.配置环境变量

为了配置Flutter Doctor能够正确连接服务,需要配置国内的镜像:
定义用户变量:
FLUTTER_STORAGE_BASE_URL和PUB_HOSTED_URL,它们的值分别

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

如图3-1所示。
图3-1
图3-1 设置相关的用户变量

编辑系统变量Path,使之能访问flutter\bin目录下相关的工具。
编辑的内容如图3-2。
在这里插入图片描述
图3-2 系统环境变量Path路径的设置
为了让Flutter可以检索到Android sdkmanager,避免出现“Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.”这样的问题,设置系统变量ANDROID_HOME为Android的SDK所在的目录,例如图3-3所示。
在这里插入图片描述
图3-3 设置ANDROID_HOME变量

2. 测试Flutter Doctor

选择flutter/bin目录,选择flutter_console.bat,文件如图3-3所示。
在这里插入图片描述

图3-4 flutter_console.bat的所在目录
运行flutter_console.bat文件,进入Flutter的控制台。运行结果如图3-4所示。
在这里插入图片描述
图3-5 进入flutter控制台
然后在控制台中输入flutter doctor命令,运行结果类似图3-5。
在这里插入图片描述
图3-6 运行flutter doctor
如图3-6中,可以发现存在Android toolchain - develop for Android devices没有勾选,
则运行:

flutter doctor --android-licenses

通过键入y,允许所有的许可,如图3-6所示:
图3-6
图3-7 允许android licenses所有许可的界面
再次运行flutter doctor,这次,所有配置的都是正常。如图3-7所示。
图3-8
图3-8 配置正常界面

3.在Android Studio中安装插件

在Android Studio中选择File->Settings->Plugins中分别安装插件Dart和Flutter,安装成功后,如图3-6所示。
在这里插入图片描述
图3-9 Android Studio安装相关的插件Flutter和Dart,其中:

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

四、在Android Studio中新建Flutter项目

1.新建Flutter项目
选择File->New->New Flutter Project…菜单项,如图3-7所示。
在这里插入图片描述
图4-1 创建Flutter项目(一)
设置Flutter的SDK路径,如图4-2所示。
在这里插入图片描述
图4-2 设置Flutter SDK
选择"Next",进入配置项目的界面:
在这里插入图片描述
图4-3 配置flutter项目
选择“Create"创建一个命名为first_flutter_app的Flutter项目

2.运行Flutter项目
启动移动端的模拟器,然后运行上述的Flutter项目,如图4-4所示:
在这里插入图片描述
图4-4

注意:
在Android目录中将项目的build.gradle文件设置的仓库
google()

mavenCentral()
注释掉,取而代之为阿里、华为、清华大学的maven镜像源。
然后经过漫长的等待构建项目,得到最终的运行结果。
运行结果如图4-5所示。
在这里插入图片描述
图4-5 第一个Flutter项目的运行结果

参考文献
[1] Flutter网站 https://docs.flutter.dev/get-started/install?hl=zh-cn
[2] Android Developer https://developer.android.google.cn/studio/releases?hl=en

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【LangChain系列——案例分析】【基于SQL+CSV的案例分析】【持续更新中】

目录 前言一、LangChain介绍二、在SQL问答时如何更好的提示?2-1、安装2-2、SQLite 样例数据2-3、使用langchain与其进行交互2-4、查看模型提示语2-5、提供表定义和示例行2-6、将表信息插入到Prompt中去2-7、添加自然语言->SQL示例2-8、在向量数据库中查找最相关的…

springboot异常产生原因

DataIntegrityViolationException Cause: java.sql.SQLException: Field ‘id’ doesn’t have a default value org.springframework.dao.DataIntegrityViolationException: ### Error updating database. Cause: java.sql.SQLException: Field id doesnt have a default …

qt开发-15_QFile

QFile 类提供了读取和写入文件的接口。在嵌入式里如果需要读写文件,最简单的方法就是 用 Qfile。 QFile 是一个读写文本、二进制文件和资源的 I/O 设备。QFile 可以自己使用,也可以更方 便地与 QTextStream 或 QDataStream 一起使用。 文件名通常在构造函…

海云安参编《数字安全蓝皮书 》正式发布并入选《2024中国数字安全新质百强》荣膺“先行者”

近日,国内数字化产业第三方调研与咨询机构数世咨询正式发布了《2024中国数字安全新质百强》(以下简称百强报告)。海云安凭借在开发安全领域的技术创新力及市场影响力入选百强报告“新质百强先行者” 本次报告,数世咨询经过对国内8…

获取个人免费版Ubuntu Pro

首先上官网地址:Ubuntu Pro | Ubuntu 点击页面中的"Get Ubuntu Pro now" 将用途选为“Myself”,在此页面中Ubuntu说明了该版本只面向个人开发者,且最终只允许5台设备免费使用;因而部署设备的抉择就不得不慎重考虑了&am…

Java | Leetcode Java题解之第200题岛屿数量

题目&#xff1a; 题解&#xff1a; class Solution {void dfs(char[][] grid, int r, int c) {int nr grid.length;int nc grid[0].length;if (r < 0 || c < 0 || r > nr || c > nc || grid[r][c] 0) {return;}grid[r][c] 0;dfs(grid, r - 1, c);dfs(grid, r…

设计模式原则——接口隔离原则

设计模式原则 设计模式示例代码库地址&#xff1a; https://gitee.com/Jasonpupil/designPatterns 接口隔离原则 要求程序员尽量将臃肿庞大的接口拆分为更小的和更具体的接口&#xff0c;让接口中只包含客户感兴趣的方法接口隔离原则的目标是降低类或模块之间的耦合度&…

WIN版-苹果和平精英画质帧率优化教程

一、视频教程&#xff1a; 想要视频的联系博主 二、图文教程&#xff1a; 前置说明&#xff1a;不按教程&#xff0c;会导致修改不成功&#xff0c;或者设备里面内容丢失。请务必按教程操作&#xff01;&#xff01; 准备工作&#xff08;这部分是在要改的设备上操作&#x…

数据结构--栈(图文)

栈是一种基本的抽象数据类型&#xff0c;具有后进先出的特点。在栈这种数据结构中&#xff0c;元素只能在一端进行插入和删除操作&#xff0c;这一端被称为栈顶&#xff08;Top&#xff09;&#xff0c;而另一端则称为栈底&#xff08;Bottom&#xff09;。 栈的概念及特点 栈…

C语言单链表的算法之插入节点

一&#xff1a;访问各个节点中的数据 &#xff08;1&#xff09;访问链表中的各个节点的有效数据&#xff0c;这个访问必须注意不能使用p、p1、p2&#xff0c;而只能使用phead &#xff08;2&#xff09;只能用头指针不能用各个节点自己的指针。因为在实际当中我们保存链表的时…

怎么使用python进行整除取余求幂

怎么使用python进行整除取余求幂&#xff1f; 整除法是//&#xff0c;称为地板除&#xff0c;两个整数的除法仍然是整数。 10//33 3 求模运算是%&#xff0c;相当于mod&#xff0c;也就是计算除法的余数。 5%2 1 求幂运算使用两个连续的*&#xff0c;幂运算符比取反的优先级高…

操作系统面试篇一

很多读者抱怨计算操作系统的知识点比较繁杂&#xff0c;自己也没有多少耐心去看&#xff0c;但是面试的时候又经常会遇到。所以&#xff0c;我带着我整理好的操作系统的常见问题来啦&#xff01;这篇文章总结了一些我觉得比较重要的操作系统相关的问题比如 用户态和内核态、系统…

css3实现水纹进度条

其实有一个mask-image属性 挺有意思&#xff0c;在元素上面实现遮罩层的效果&#xff0c;不过这玩意有些兼容性问题 需要处理&#xff0c;所以单纯可以通过渐变色的方式来实现 同时加上动画效果 .jianbian {width: 100%;height: 16px;background-color: #eee;display: flex;bor…

【shell 学习一】shell执行方式以及变量(自定义变量、整数运算)定义

1.shell执行方式 测试脚本 vim file1 echo hello 2024 read -p 请输入 name echao hh,$name执行1 bash file1执行2 sh file1执行3 . file1执行4 source file11和2的方式&#xff0c;是子shell 3和4的方式&#xff0c;是本shell bash是进入新的命令 这时候退出edit是退出这个新…

docker部署FastDFS整合Springboot

文章目录 1、FastDFS是什么&#xff1f;2、搭建docker环境3、部署fastdfs4、整合springboot5、接口测试参考文章 1、FastDFS是什么&#xff1f; FastDFS是一个开源的轻量级分布式文件系统&#xff0c;它对文件进行管理&#xff0c;功能包括&#xff1a;文件存储、文件同步、文…

树莓派4B_OpenCv学习笔记13:OpenCv颜色追踪_程序手动调试HSV色彩空间_检测圆

今日继续学习树莓派4B 4G&#xff1a;&#xff08;Raspberry Pi&#xff0c;简称RPi或RasPi&#xff09; 本人所用树莓派4B 装载的系统与版本如下: 版本可用命令 (lsb_release -a) 查询: Opencv 版本是4.5.1&#xff1a; OpenCv颜色追踪_程序手动调试HSV色彩空间_检测灰度图中的…

Windows USB设备驱动开发 - 常见概念的解释

我们听到许多 USB 术语几乎交替抛出。 它们都是什么意思&#xff1f;假设我们看到类似 “多亏了 USB 3.0&#xff0c;我可以将 SuperSpeed U 盘连接到电脑的 xHCI 主机控制器&#xff0c;并更快地复制文件。” 让我们了解该句子中的 USB 术语。 USB 3.0、USB 2.0 和 USB 1.0 请…

C语言 | Leetcode C语言题解之第200题岛屿数量

题目&#xff1a; 题解&#xff1a; void cleanLand(char** grid, int gridSize, int ColSize,int row,int column) {if(grid[row][column] 1){//不等于1则清零grid[row][column] 0;}else{//不等于1则返回return ;}int newRow;int newColumn;//上if(row ! 0) //还能上{ne…

关于 AD21导入电子元器件放置“3D体”STEP模型失去3D纹理贴图 的解决方法

若该文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/139969415 长沙红胖子Qt&#xff08;长沙创微智科&#xff09;博文大全&#xff1a;开发技术集合&#xff08;包含Qt实用技术、树莓派、三维、OpenCV…

java Logback 日志格式参数详细说明

logback 打印日志格式介绍官网 Springboot [日志管理LogBack] java Logback 日志格式参数详细说明 打印日志格式&#xff1a; <property name"LOG_PATTERN" value"[${APP_NAME} ${SERVER_IP}:${SERVER_PORT}] %d{yyyy-MM-dd HH:mm:ss.SSS} %level ${PID} …