美文网首页
flutter3.0开发——01.Flutter Windows

flutter3.0开发——01.Flutter Windows

作者: 码农界四爷__King | 来源:发表于2022-12-25 00:08 被阅读0次

第一部分 环境搭建

1. 先配置java sdk

下载Java JDK 官方版 v19.0.1 地址http://www.downza.cn/soft/336424.html
下载完成之后进行安装 一直下一步即可 安装完成之后配置环境变量 步骤如下图所示

1.png 2.png 3.png

系统变量 里面新增JAVA_HOME,设置值为java sdk 根目录:


4.png 5.png

系统变量 找到Path 在Path环境变量里面增加如下代码

%JAVA_HOME%\bin
%JAVA_HOME%\jre\bin
6.png 微信截图_20221224173333.png

以上步骤配置完成后 打开cmd 运行java 查看是否有相关信息 如果有相关信息 即表示安装成功


微信截图_20221224172923.png

第二部分 安装Android Studio 注意在安装完之后 需要安装dart和flutter插件 否则无法构建flutter项目

参考 https://blog.csdn.net/tao_789456/article/details/118093106

第三部分 配置flutter SDK

下载地址 https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_3.3.10-stable.zip

下载完成后 进行解压 然后放到你想放置的文件中 因为后期需要在环境变量里进行配置

把 Flutter安装目录的bin目录配置到环境变量。


微信截图_20221224230351.png

配置完成后 打开cmd 输入flutter --version 进行查看版本


微信截图_20221224230351.png

然后运行 flutter doctor 查看对应的信息 会有一些报错 报错信息解决方法如下

第一种
微信截图_20221224235133.png

解决办法
1、打开Android Studio—>Tools—>SDK Manager


image.png

2、选中这两个进行安装


image.png
3、重新打开cmd 运行 提示输入Y/N的地方全部输入Y 完成后重新打开cmd进行查看
flutter doctor --android-licenses
第二种 信号灯超时时间已到
image.png

解决办法
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/
再将 kPubDevHttpHost 和 kgCloudHttpHost 两个常量
分别修改为 https://pub.flutter-io.cn/https://storage.flutter-io.cn/
如下图所示

微信截图_20221224230351.png

3、去到flutter\bin目录,删除cache目录下的flutter_tools.snapshot 文件

4、新开一个cmd,在cmd命令窗口重新运行flutter doctor,问题解决。

相关文章

网友评论

      本文标题:flutter3.0开发——01.Flutter Windows

      本文链接:https://www.haomeiwen.com/subject/gnzbqdtx.html