flutter学习之旅(一)

news2024/11/17 21:18:57

初学Flutter

flutter官网和中文开发手册

安装flutter - windows

官方文档-windows

flutter_windows_3.7.9-stable.zip

编辑环境变量

  • 用户变量 一栏中,检查是否有 Path 这个条目:

  • 如果存在这个条目,以 ; 分隔已有的内容,加入 flutter\bin 目录的完整路径。

  • 如果不存在的话,在用户环境变量中创建一个新的 Path 变量,然后将 flutter\bin 所在的完整路径作为新变量的值。
    自己的flutter sdk路径

运行 flutter doctor

在这里插入图片描述

查看flutter版本

flutter --version

问题汇总

Unable to confirm if installed Windows version is 10 or greater(无法确认安装的Windows版本是否大于或等于10)

安装dart
还是有问题

#查看自己的flutter channel版本
flutter channel 

我的flutter channel

#flutter channel stable#将flutter版本切换为stable
flutter channel master#将flutter版本切换为master

将flutter版本切换为master

#确保flutter更新到了最新版本
flutter upgrade

查看flutter更新到最新版本

#再次检查是否解决
flutter doctor 

windows version is ok

还是有错误,但是这个Unable to confirm if installed Windows version is 10 or greater问题已解决

Android toolchain - develop for Android devices X Unable to locate Android SDK.

这个是AbdroidSDK路径图

  • 桌面右键 我的电脑>属性>高级系统设置>环境变量>在用户变量中新建ANDROID_HOME,变量值就是Android SDK(我这里是D:\Feil\SDK\Android)路径
    在这里插入图片描述

设置好之后重启电脑即可

flutter doctor

Android toolchain - develop for Android devices  X Unable to locate Android SDK. is OK

cmdline-tools component is missing

在这里插入图片描述

下载这个

flutter doctor
Google\Chrome路径 is not executable.

添加完还是不行的话

flutter config --android-sdk /path/to/android/sdk

Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)

因为我用的是MicroSoft Edge所以我们得安装个chrome

chrome用户变量

flutter doctor

Visual Studio not installed; this is necessary for Windows development.

Visual Studio

我下载的版本

vsStudio下载的详情图片(C++桌面开发)

flutter doctor

A network error occurred while checking “https://pub.dev/”: 信号灯超时时间已到&&A network error occurred while checking “https://maven.google.com/”: 信号灯超时时间已到

在中国网络环境下使用 Flutter

我的zip文件

重新安装flutter sdk

配置国内镜像
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
PUB_HOSTED_URL=https://pub.flutter-io.cn

windows-FLUTTER_STORAGE_BASE_URL配置
windows-PUB_HOSTED_URL配置

Unable to find bundled Java version.

方法1

参考文章

JDK的所有文件
Android安装目录的jre文件夹下

方法2

或者将AndroidStudio路径/jbr里的文件原封不动复制到上图的jre文件中

如果这样还是报错, 那可以考虑重装AndroidStudio,之后还是按照上面的俩种方法来解决

flutter HTTP Host availability check is taking a long time…[!] HTTP Host Availability

参考文章

  1. 找到flutter sdk的文件目录,依次找到flutter/packages/flutter_tools/lib/src/http_host_validator.dart文件
  2. https://maven.google.com/ 修改为https://dl.google.com/dl/android/maven2/
    修改的图片
  3. 关闭所有打开了flutterSDK的程序,找到flutter\bin目录下的flutter_tools.snapshot文件永久删除
flutter doctor

Android license status unknown.

flutter doctor --android-licenses
Error: A JNI error has occurred, please check your installation and try again

Java和JDK的版本不一样。查看java路径

which java #Linux下
where java #Windows下

windows下编辑环境变量

java.lang.UnsupportedClassVersionError: com/android/prefs/AndroidLocationsProvider has been compiled by a more recent version of the Java Runtime (class file version 55.0), this version of the Java Runtime only recognizes class file versions up to 52.0

把JDK文件复制一份到你Andriod Stduio文件夹下的jre(与bin目录同级)

注意如果你是JDK1.8的版本,那还是会报这个错误。我用JDK11是可行的
安装成功图片

安装成功图片

或者jre目录是存在的,不过里面几乎没东西,可以直接将jbr目录内的全部文件复制一份到jre目录下即可

'choco' 不是内部或外部命令,也不是可运行的程序或批处理文件。

  1. 打开powershell(管理员)
  2. 执行这条命令
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

更改 ChocolateyToolsLocation 环境变量来选择安装目录

  • 系统环境变量 中增加 ChocolateyInstall

打开powershell(管理员)

#D:\File\SDK\Chocolatey:只是存放目录,可以完全自定义修改
& setx.exe ChocolateyInstall D:\File\SDK\Chocolatey /M
refreshenv

之后可以看到环境变量
环境的图-chocolateInstall

安装Dart SDK(不推荐)

choco install dart-sdk

dart-sdk位置(跟更改 ChocolateyToolsLocation有关)

安装Dart SDK(推荐)

Dart for Windows

添加环境变量

在这里插入图片描述

dart --version

dart --version图

vscode - Dart

vscode安装Dart插件

vscode安装Code Runner插件

void main(List<String> args) {
  var num = 42;
  print(num);
}

安装成功图片

安装成功

AndriodStudio创建Flutter

安装插件,重启应用

安装插件
New Fluter Project出现
FlutterSDK路径

vscode创建Flutter应用

参考文档
插件市场安装Flutter
Flutter然后重新启动 VS Code
Flutter: Run Flutter Doctor
Flutter:New Project
Application
基础项目文件图片
提示运行的平台

运行的指令

flutter run

flutter run平台选择

效果
效果图

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

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

相关文章

物联网能源能耗之场景控制原理

物联网能源能耗系统利用物联网技术&#xff0c;可帮助企业构建能耗分布&#xff0c;帮助操作人员实时监控各类关键参数&#xff0c;计算关键环节的能耗指标&#xff0c;和既定的能耗基线进行对比&#xff0c;得出能耗差距。 对于制造企业而言&#xff0c;物联网能源能耗不仅能…

商业策划的基本功:竞品分析

商业策划的基本功&#xff1a;竞品分析 商业的三个视角&#xff1a;用户&#xff0c;竞争&#xff0c;自己 有方法会更有效 趣讲大白话&#xff1a;磨刀不误砍柴工 【趣讲信息科技138期】 **************************** 世界上如果只有一种矿泉水 就不会竞争 就不会有农夫山泉这…

由世纪互联运营的Microsoft Teams携创新功能正式发布,夯实“企业数字中枢”

2023年4月18日&#xff0c;北京——今日&#xff0c;微软宣布由世纪互联运营的Microsoft Teams推出一系列创新功能&#xff0c;围绕企业数字核心能力&#xff0c;赋能数字化协作空间、智能化协作体验、整合生产力工具和工作流、安全合规、构建团队文化等五大落地场景&#xff0…

基于重要抽样技术的非序贯蒙特卡洛法(Matlab代码实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

前端学习:HTML响应式设计、计算机代码、语义元素

目录 HTML响应Web设计 一、什么是响应式Web设计&#xff1f; 1.流体网格 2.媒体查询 3.响应媒体 4.视口元标记 二、使用Bootstrap HTML计算机代码元素 HTML 语义元素 一、什么是语义元素 二、HTML5中的新的语义元素 HTML响应Web设计 一、什么是响应式Web设计&…

现在学习Java,还有出路吗?

当然有出路&#xff0c;Java一直都是市场占有率最高的编程语言&#xff0c;我们生活涉及到的方方面面都有Java的身影&#xff0c;Java基本也覆盖了所有的行业。同时Java自身也是不断在升级更新&#xff0c;平均一年半左右进行一次&#xff0c;而未来的发展还会更加的强势。 随…

Mysql安装步骤

1、解压服务端Mysql安装包 解压之后的目录就是以上这样的。 2.复制改变my.ini文件 把my.ini文件添加到目录中去 [mysql] # 设置mysql客户端默认字符集 default-character-setutf8 [mysqld] #设置3306端口 port 3306 # 设置mysql的安装目录 basedirE:/mysql/mysql-8.0.18-wi…

Spring AOP核心概念与操作示例

AOP 核心概念 还记得我们Spring有两个核心的概念嘛&#xff1f;一个是IOC/DI&#xff0c;另一个是AOP咯。 先来认识两个概念&#xff1a; AOP(Aspect Oriented Programming)面向切面编程&#xff1b;作用&#xff1a;在不惊动原始设计的基础上为其进行功能增强&#xff0c;类…

Linux命令行操作/选项介绍,文件分类/内容与属性/绝对相对路径,隐藏文件与整个目录结构

Linux的命令行操作介绍 Linux操作的特点&#xff1a;纯命令行&#xff0c;当然Linux它也有图形化界面或桌面版。Windows也有命令行&#xff0c;也有图形化界面。不过它是面向普通客户的操作系统&#xff0c;所以必须得是好用好玩的&#xff0c;所以图形化界面那是必然。无论是…

PCL点云库(2) - IO模块

目录 2.1 IO模块接口 2.2 PCD数据读写 &#xff08;1&#xff09; PCD数据解析 &#xff08;2&#xff09;PCD文件读写示例 2.3 PLY数据读写 &#xff08;1&#xff09;PLY数据解析 &#xff08;2&#xff09;PLY文件读写示例 2.4 OBJ数据读写 &#xff08;1&#xff…

网易云信 RTC 音频 QoS 综述

RTC、QoS、WebRTC 的定义 RTC 实时通信&#xff0c;泛指各种数据的实时传输技术&#xff0c;包括音频&#xff0c;视频&#xff0c;文本&#xff0c;图片等媒体和非媒体数据的实时传输。 QoS 服务质量&#xff0c;指一个网络能够利用各种基础技术&#xff0c;为指定的网络通信…

狂买GPU、四处挖人,马斯克:我要做理解宇宙的TruthGPT

来源: 爱范儿 微信号&#xff1a;ifanr 整理 | 凌敏、核子可乐 上个月&#xff0c;马斯克还积极呼吁叫停超强 AI 研发 6 个月&#xff0c;现在就坐不住了&#xff1f; 马斯克声称正在研究 TruthGPT 近日&#xff0c;马斯克在接受福克斯新闻频道的塔克卡尔森采访时宣布&#…

小红书投放预算如何制定,品牌规划

进行产品与品牌推广是一件相对复杂而全面的事。以小红书为例&#xff0c;当我们在制定产品投放传播方案时&#xff0c;确定平台投放预算是首要的。今天将为大家分享&#xff0c;如何制定小红书投放预算最为合理高效。 一、目的决定预算 在说明具体的预算计算方法之前&#xff0…

[数据库]MySQL窗口函数

1.窗口函数是什么 玛雅人造不出轮子,也不需要轮子. 在学完基础以后,通过子查询和聚合函数,理论上可以解决任何复杂的sql查询问题,但是人类发明出来轮子绝对不是用来看着它转圈的. 窗口函数和聚合函数非常相似,区别在于聚合函数是将多个行结合成一个结果,而窗口函数是以某个区…

webrtc janus服务器部署在公网,coturn转发媒体流

janus本身部署在公网时&#xff0c;其内部使用的libnice库已经实现了stun的功能&#xff0c;在配置文件janus.jcfg里面&#xff0c;nat_1_1_mapping配置成公网地址&#xff0c;其位于NAT后面的局域网客户端之间可以实现媒体流之间的分享&#xff0c;发布者将媒体流推到公网&…

【网络】-- https协议

目录 http协议 https协议 安全 概念 什么是"加密"&#xff1f; 为什么要加密&#xff1f; 常见的加密方式 对称加密 非对称加密 数据摘要 && 数据指纹 数字签名 HTTPS 的工作过程探究 方案一&#xff1a;只使用对称加密 方案二&#xff1a;只使…

深眸科技|制造行业升级速度加快,2D视觉与3D视觉该如何选择?

随着人工智能的不断发展&#xff0c;机器视觉已经成为当下最炙手可热的技术之一。在制造业转型升级并且迅猛发展的过程中&#xff0c;对于产品的高精度、零缺陷的需求也在不断提升&#xff0c;而机器视觉的出现为制造业产业升级提供了强有力的驱动力。 随着5G、AI等技术的不断…

174_技巧_Power BI 动态格式(万|亿)

174_技巧_Power BI 动态格式(万|亿) 一、背景 Power BI 2023年4月份更新&#xff0c;新增加了一个预览功能&#xff1a;动态格式(Dynamic format strings for measures)&#xff0c;度量值的结果可以动态的显示为不同的格式。 今天我们主要来看一个技巧&#xff0c;如何在 P…

[架构之路-171]-《软考-系统分析师》-5-数据库系统-1- 数 据 库 的 控 制 功 能(并发控制、性能优化)

目录 5 . 4 数 据 库 的 控 制 功 能 5.4.1 并发控制 1 . 事务的基本概念 2 . 数据不一致问题 3 . 封锁协议 4 . 死锁问题 5.4.2 数据库性能优化 1 . 硬件升级 2 . 数据库设计 5.4.3 数据库的完整性 1 . 完整性约束条件 2 . 实体完整性 3 . 参照完整性 4 . 用户定…

华为云-使用脚本初始化Linux数据盘

操作场景 本文以云服务器的操作系统为“CentOS 7.4 64位”为例&#xff0c;采用初始化数据盘脚本的方式为数据盘设置分区。 不同云服务器的操作系统的格式化操作可能不同&#xff0c;本文仅供参考。 须知&#xff1a; 首次使用磁盘时&#xff0c;如果您未参考本章节对磁盘执…