当前位置: 首页 > news >正文

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

相关文章:

  • 【Git笔记】之Git重命名详解
  • 【OSPF宣告——network命令与多区域配置实验案例】
  • 【Qt】三种方式实现抽奖小游戏
  • unity操作_Camera c#
  • fastadmin框架如何开启事务
  • GO 中的指针?
  • 【AI视野·今日Robot 机器人论文速览 第四十九期】Fri, 6 Oct 2023
  • 前端uniapp如何修改下拉框uni-data-select下面的uni-icons插件自带的图片【修改uniapp自带源码图片/图标】
  • Dremio:新一代数据湖仓引擎
  • 制作电商页面(Html)
  • 03黑马店评-添加商户缓存和商户类型的缓存到Redis
  • pymoo包NSGA2算法实现多目标遗传算法调参详细说明
  • 爬虫进阶-反爬破解6(Nodejs+Puppeteer实现登陆官网+实现滑动验证码全自动识别)
  • 大语言模型学到什么
  • 链表的基本操作
  • Android 13 骁龙相机点击拍照流程分析(二)——点击拍照到存入相册
  • springcloud----检索中间件 ElasticSearch 分布式场景的运用
  • Python字典全解析:从基础到高级应用
  • 分类预测 | MATLAB实现POA-CNN鹈鹕算法优化卷积神经网络多特征分类预测
  • c++day3
  • 习近平结束对俄罗斯国事访问并出席纪念苏联伟大卫国战争胜利80周年庆典回到北京
  • 印度32座机场暂停民用航班运营,印称在边境多处发现无人机
  • 告别户口本!今天起婚姻登记实现全国通办
  • 欧盟决意与俄罗斯能源彻底决裂之际,美国谋划新生意:进口俄气对欧转售
  • 远离军事前线的另一面暗斗:除了“断水”,印度还试图牵制对巴国际援助
  • 19岁女生注射头孢离世后续:院方道歉,医生停职,监管介入