Flutter环境搭建及新建项目

一、下载安装压缩包

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

二、解压缩

解压之后,将里面的flutter整体拿出来

三、配置环境变量

将flutter/bin全路径配置到系统环境变量里面

四、运行flutter doctor

打开cmd命令窗口,运行flutter doctor 命令

这个命令运行比较慢,需要耐心等一会儿,注意观察一些错误信息:

五、解决flutter doctor检测出来的问题

1,X cmdline-tools component is missing

X cmdline-tools component is missing

Run path/to/sdkmanager --install "cmdline-tools;latest"

See https://developer.android.com/studio/command-line for more details.

解决

打开Android Studio,进入SDK Manager,在SDK Tools栏,下载Android SDK Command-line Tools (latest)

解决完成!重新 flutter doctor,得到提示信息如下:

2,X Android license status unknown.

X Android license status unknown.

Run ' flutter doctor --android-licenses ' to accept the SDK licenses.

See Windows install | Flutter for more details.

根据错误提示,可以看到,运行flutter doctor --android-licenses命令,接受SDK许可

那就重新打开cmd命令床靠,运行flutter doctor --android-licenses命令

运行flutter doctor --android-licenses命令又报错了

好吧,先解决这个错误,然后再去运行flutter doctor --android-licenses命令,

3,UnsupportedClassVersionError

Error: A JNI error has occurred, please check your installation and try again

Exception in thread "main" java.lang.UnsupportedClassVersionError: com/android/sdklib/tool/sdkmanager/SdkManagerCli has been compiled by a more recent version of the Java Runtime (class file version 61.0), this version of the Java Runtime only recognizes class file versions up to 52.0

at java.lang.ClassLoader.defineClass1(Native Method)

at java.lang.ClassLoader.defineClass(ClassLoader.java:756)

at java.security.SecureClassLoader.defineClass(SecureClassLoader.java:142)

at java.net.URLClassLoader.defineClass(URLClassLoader.java:473)

at java.net.URLClassLoader.access$100(URLClassLoader.java:74)

at java.net.URLClassLoader$1.run(URLClassLoader.java:369)

at java.net.URLClassLoader$1.run(URLClassLoader.java:363)

at java.security.AccessController.doPrivileged(Native Method)

at java.net.URLClassLoader.findClass(URLClassLoader.java:362)

at java.lang.ClassLoader.loadClass(ClassLoader.java:418)

at sun.misc.Launcher$AppClassLoader.loadClass(Launcher.java:355)

at java.lang.ClassLoader.loadClass(ClassLoader.java:351)

at sun.launcher.LauncherHelper.checkAndLoadMain(LauncherHelper.java:601)

解决方案:检查本地安装的JDK版本是不是java8,我的就是java8,然后查看一下Android Studio的SDK Manager中的Android sDK Command-line Tools (latest),版本是多少,我的版本是11,与Java的版本8不匹配,这里要匹配上,所以我要重新下载Android sDK Command-line Tools (latest)版本号为8 的,删掉现有的版本号为11的

下载完之后,重新运行flutter doctor --android-licenses命令,不在报错

4,继续执行flutter doctor --android-licenses命令

上面说到,继续运行flutter doctor --android-licenses命令不再报错,但是会一直提示:

XXXXXX(y/N)?:

只需要一路都敲“y”,同意接受就行,这样就完成了SDK许可接受。

5,X Visual Studio not installed

完成了上面的授权许可操作,我们再次运行flutter doctor命令,此时看到的提示信息如下,一目了然,需要我们下载安装 Visual Studio,我们按照提示,下载安装Visual Studio就行

[X] Visual Studio - develop for Windows

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

Download at Download Visual Studio Tools - Install Free for Windows, Mac, Linux

Please install the "Desktop development with C++" workload, including all of its default components

下载安装的时候需要注意,勾选C++桌面开发,否则再次flutter doctor还是会提示Visual Studio有问题。

6,Connected device (the doctor check crashed)

[☠] Connected device (the doctor check crashed)

X Due to an error, the doctor check did not complete. If the error message below is not helpful, please let us know

about this issue at https://github.com/flutter/flutter/issues.

X Exception: Unable to run "adb", check your Android SDK installation and ANDROID_SDK_ROOT environment variable:

D:\Development\Android\Sdk\platform-tools\adb.exe

安装完Visual Studio之后,再次cmd运行flutter doctor,报错信息如上,具体的截图如下:

解决:这个问题是因为连接不到我本地安装的Android Studio的虚拟机,无法启动adb.exe,百度半天没找到原因,后来发现,我电脑上的零信任环境下面正在运行Android Studio。零信任是我电脑单独分配空间安装了一个公司的虚拟机环境,做到代码物理隔绝。将零信任中的Android Studio关掉即可,上面错误就不存在了。实际上就是零信任环境运行AS占用了我们的adb资源,导致外面环境启动不了adb。

7,Network resources

[!] Network resources

X A network error occurred while checking "Dart packages": 信号灯超时时间已到

X A network error occurred while checking "https://maven.google.com/": 信号灯超时时间已到

环境变量配置一下国内镜像,可以解决上面的问题。

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

PUB_HOSTED_URL=Dart packages

配置如下:

配置完之后,再去运行flutter doctor命令,

检测没什么问题了,哈哈

六、创建一个fluuter项目,尝试一下

Visual Studio Code、Android Studio/IntelliJ IDEA、Emacs 都可以作为Flutter的开发工具,我用的是Android Studio。

1,安装插件

Android Studio原本是无法直接选择创建flutter项目的,需要先安装插件。我们打开File>Settings>Plugins,搜索Flutter、Dart,分别安装Flutter插件和Dart插件,安装完之后重新启动Android Studio。

2,创建项目

打开Android Studio,New>New Flutter Project...

配置好Flutter的Sdk路径,Next

填写好项目名称、本地路径,涉及到的平台、语言,就可以Finish去创建了,注意,这里的项目名称不可以有大写字母,Flutter不允许

浏览器上运行一下代码,成功了

搞定收工!!!!

参考网站:在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

fatal: Not a git repository (or any parent up to mount point /home)解决方法

Git遇到一个问题: fatal: Not a git repository (or any parent up to mount point /home) Stopping at filesystem boundary (GIT_DISCOVERY_ACROSS_FILESYSTEM not set). 解决办法:git init 错误信息指出不是一个git仓库,或者它的父级目录…

轻松实现时间录入自由!如何在Microsoft Word中轻松插入格式化的日期和时间

在文档中插入当前日期和时间有几个原因。你可能希望将其插入信函或页眉或页脚中。无论是什么原因,Word都可以轻松地将日期和时间插入文档。 如果希望在打开或打印文档时自动更新日期和时间,可以将其作为自动更新的字段插入。该字段也可以随时手动更新。…

欠酸洗,异物压入,斑迹和脏污 学习笔记

欠酸洗: 带钢的宽度方向上,可能会出现在整个宽度或某个局部宽度区域的特殊分布。这种分布看起来像波浪或鱼鳞的痕迹。这种情况通常在带钢的开始和结束部分更为常见。 异物压入 通常,这种情况是由于圆点或小条状的粉尘和颗粒被压入所导致的…

threejs 透明贴图,模型透明,白边

问题 使用Threejs加载模型时,模型出现了上面的问题。模型边缘部分白边,或者模型出现透明问题。 原因 出现这种问题是模型制作时使用了透明贴图。threejs无法直接处理贴图。 解决 场景一 模型有多个贴图时(一个透贴和其他贴图&#xff0…

vue js 实现页面在浏览器全屏切换

需求&#xff1a; 在浏览器中点击按钮实现页面的全屏与非全屏的切换。 如图&#xff1a; 全屏前&#xff1a; 全屏后&#xff1a; 具体实现代码如下&#xff1a; html&#xff1a; <template><div class"development-history" id"echarts-wrap&quo…

stl 输入输出流

标准输入输出流 头文件 iostream 从标准输入读取流 cin >> 从标准输出写入流 cout << get 系列函数 get 无参数&#xff1a;cin.get() 从指定的输入流中提取一个字符&#xff08;包括空白字符&#xff09;&#xff0c;若读取成功&#xff0c;返回该字符的 ASC…

Linux线程安全

线程安全 Linux线程互斥进程线程间的互斥相关背景概念互斥量mutex互斥量的接口互斥量实现原理探究 可重入VS线程安全概念常见的线程不安全的情况常见的线程安全的情况常见的不可重入的情况常见的可重入的情况可重入与线程安全联系可重入与线程安全区别 常见锁概念死锁死锁的四个…

ARM-流水灯

.text .global _start _start: 1、设置GPIOE寄存器的时钟使能 RCC_MP_AHB$ENSETR[4]->1 0x50000a28LDR R0,0X50000A28 LDR R1,[R0] 从R0起始地址的4字节数据取出放在R1 ORR R1,R1,#(0X3<<4) 第4位设置为1 STR R1,[R0] 写回2、设置PE10、PE8、PF10管脚为输出模式 …

靶场上新:PigCMS任意文件上传漏洞

本文由掌控安全学院-江月投稿 封神台新上线漏洞复现靶场&#xff1a;PigCMS action_flashUpload 任意文件上传漏洞。 漏洞详情&#xff1a; PigCms&#xff08;又称小猪CMS&#xff09;是一个基于phpmysql的多用户微信营销系统&#xff0c;是国内使用较多、功能强大、性能稳定…

css 写带三角形的对话框,空心的三角形边框

首先&#xff0c;我们要会先实现一个小三角形&#xff1b; 思路&#xff1a;利用元素的 border 属性&#xff0c;将其三个方向的 border-color 值设为透明色&#xff08;或者和其父元素的背景色一致&#xff0c;形成视觉差&#xff0c;俗称障眼法&#xff09;&#xff0c;剩下…

jmeter生成html格式接口自动化测试报告

jmeter自带执行结果查看的插件&#xff0c;但是需要在jmeter工具中才能查看&#xff0c;如果要向领导提交测试结果&#xff0c;不够方便直观。 笔者刚做了这方面的尝试&#xff0c;总结出来分享给大家。 这里需要用到ant来执行测试用例并生成HTML格式测试报告。 一、ant下载安…

链表(7.27)

3.3 链表的实现 3.3.1头插 原理图&#xff1a; newnode为新创建的节点 实现&#xff1a; //头插 //让新节点指向原来的头指针&#xff08;节点&#xff09;&#xff0c;即新节点位于开头 newnode->next plist; //再让头指针&#xff08;节点&#xff09;指向新节点&#…

【亲测】简易商城小程序源码-易优CMS后台

易优小程序是基于前端开源小程序后端易优CMS标签化API接口&#xff0c; 是一套开源、快速搭建个性化需求的小程序CMS。轻量级TP底层框架&#xff0c;前后端分离&#xff0c; 标签化API接口可对接所有小程序&#xff0c;支持二次开发。即使小白用户也能轻松搭建制作一套完整的线…

实现一个简单的线性回归和多项式回归(2)

对于多项式回归&#xff0c;可以同样使用前面线性回归中定义的LinearRegression算子、训练函数train、均方误差函数mean_squared_error&#xff0c;生成数据集create_toy_data,这里就不多做赘述咯~ 拟合的函数为 def sin(x):y torch.sin(2 * math.pi * x)return y1.数据集的建…

go的面向对象学习

文章目录 面向对象编程(上)1.问题与解决思路2.结构体1》Golang语言面向对象编程说明2》结构体与结构体变量(实例/对象)的关系的示意图3》入门案例(using struct to solve the problem of cat growing) 3.结构体的具体应用4.创建结构体变量和访问结构体字段5.struct类型的内存分…

axios的get请求时数组参数没有下标

开发新项目过程中 发现get请求时 数组参数没有下标 这样肯定是不行的 后端接口需要数组[0]: 7 数组[1]:4这样的数据 原因是因为在请求拦截器没有处理需要的参数 解决方法 在请求拦截器 处理一下参数 import axios, { AxiosError, AxiosInstance, AxiosRequestHeaders } fro…

解决yolo无法指定显卡的问题,实测v5、v7、v8有效

方法1 基本上这个就能解决了&#xff01;&#xff01;&#xff01; 在train.py的最上方加上下面这两行&#xff0c;注意是最上面&#xff0c;其次指定的就是你要使用的显卡 import os os.environ[CUDA_VISIBLE_DEVICES]6方法2&#xff1a; **问题&#xff1a;**命令行参数指…

HTML5+CSSday4综合案例二——banner效果

bannerCSS展示图&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"wi…

Redis安装教程

官网地址 地址链接&#xff1a;传送门 安装步骤 这里有更多版本的选择 进去根据自己的需要选择版本&#xff0c;我这里用的7系列的稳定版。