windows上搭建 Flutter Andoid 运行环境

1 篇文章 0 订阅
1 篇文章 0 订阅

一、电脑上安装配置JDK

(1)下载安装 直接下一步就行
https://www.oracle.com/java/technologies/downloads/#jdk18-windows
(2)配置环境变量
新建系统变量:
JAVA_HOME
C:\Program Files\Java\jdk-18.0.1.1(用你自己的安装路径)
(3)在系统变量找到path
添加 %JAVA_HOME%\bin;JAVA_HOME%\jre\bin
(4)在黑窗口运行 java 然后运行 javac 都能运行出来东西就证明安装配置成功了

二、电脑上下载安装 Andoid Studio

(1)下载安装
https://developer.android.google.cn/studio
直接默认下一步就行
然后第一次启动会提示 unable to access android sdk add-on list
解决方案看这位兄弟
https://blog.csdn.net/qq_35892584/article/details/109746886
我是按第二种的

三、电脑上下载安装 Flutter Sdk

(1)下载
https://docs.flutter.dev/development/tools/sdk/releases#windows
(2)把下载好的 Flutter Sdk 解压复制到你想安装sdk的目录(不要有中文、空格)
我是D:\flutter_windows\flutter
(3)配置环境变量
在系统变量找到path
添加D:\flutter_windows\flutter\bin
(4)在黑窗口运行 flutter -v
运行成功就说明Flutter Sdk配置成功

四、电脑上配置 Flutter 国内镜像

flutter社区可以看到提供了两个镜像,我选的是第二个清华大学 TUNA 协会的
配置环境变量 新建两个系统变量
FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub

五、在黑窗口运行 flutter doctor 命令检测环境是否配置成功

(1)我的 Andoid toolchain 是个感叹号,有两个问题,第一个看这个兄弟的解决方法https://blog.csdn.net/weixin_62145008/article/details/123937356
然后运行黑窗口提示的 flutter doctor --andoid-licenses 有提示Y/N的一律Y就完事了
(2) HTTP host https://maven.google.com/ is not reachable.解决方法看这个兄弟https://www.jianshu.com/p/e3a88a6d9008
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、关闭cmd命令窗口,重新打开cmd窗口

4、去到flutter\bin目录,删除cache文件夹

5、在cmd命令窗口重新运行flutter doctor,问题解决。

六、在 Andoid Studio 安装 Flutter 插件

常见的sdk都可以安装上 我不知道哪些常见,就都安装了
此时已经可以创建 Flutter 项目了 我是在vscode里开发的,就不多说了,以下内容是在vscode

七、新建flutter项目

ctrl+shift+p 打开命令面板 输入flutter new project 新建flutter项目,application 接下来就不多说了,新建一个项目的时候根据网速需要多等一会,因为需要安装一些依赖

八、flutter虚拟机模拟调试器

这里用夜神模拟器https://www.yeshen.com/
下载安装下一步就完事了
打开软件在设置里设置分辨率 我选的手机版 720x1280 保存重启即可

真机调试可以找到设备,模拟器的话,可以看到右下角 no device,解决方式:
黑窗口cd到对应夜神模拟器bin目录,我的是D:\Program Files\Nox\bin
运行命令 nox_adb.exe connect 127.0.0.1:62001
可以看到vscode已经连到设备了
以后连的时候都是先打开夜神模拟器然后运行这个命令

十、在vscode运行flutter项目

vscode运行flutter所需插件
(1) flutter
(2) flutter widget snippets
(3) dart

flutter run 运行项目
R 热重载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值