关注

Flutter 开发环境配置--宇宙级教学!

一、安装环境(windows)

1.Flutter sdk下载
中国环境(推荐) / 官网
2. 解压打开flutter_console.bat
在这里插入图片描述
3. 配置环境变量

java环境的jdk自行下载安装,重启电脑

在这里插入图片描述
4. 在flutter_console.bat输入命令 flutter doctor,带X的需要配置。
在这里插入图片描述
5. 安装Android、Sdk 及虚拟机
下载
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
配置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
创建一个新项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

可能出现grade下载失败的情况,我们多下载几次

flutter插件下载
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
模拟器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、Android 创建Flutter项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
启动flutter项目
在这里插入图片描述
在这里插入图片描述

如果不能选择设备,需要再次确认flutter doctor 不报错(文末看常见的问题解决方式)

启动项目
在这里插入图片描述

遇到以下问题,是项目需要的gradle下载不成功
在这里插入图片描述
解决:官网gradle下载版本,放在某个位置,再改变url路径在这里插入图片描述

三、VSCode 搭建环境

  1. 自带商店下载插件
    在这里插入图片描述在这里插入图片描述
  2. VSCode新建Flutter项目并运行:flutter create [项目名]

在这里插入图片描述
打开模拟器
在这里插入图片描述
运行 flutter run(记得更改本地gradle)
在这里插入图片描述

四、补充

若环境均已完成,再次flutter doctor还有问题,命令行配置

[X] Android toolchain - develop for Android devices
X Unable to locate Android SDK.
解决:flutter config --android-sdk D:\androidstudio\Sdk

✗ cmdline-tools component is missing
解决:D:\androidstudio\Sdk\tools\bin\sdkmanager --install “cmdline-tools;latest”

Android license status unknown.
解决:运行 flutter doctor --android-licenses

[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
解决:flutter doctor --android-licenses,然后accepted各种协议

[X] Visual Studio - develop Windows apps
X Visual Studio not installed; this is necessary to develop Windows apps.
Download at https://visualstudio.microsoft.com/downloads/.
Please install the “Desktop development with C++” workload, including all of its default components
解决:visual studio下载地址(社区版就行)
在这里插入图片描述在这里插入图片描述
flutter config --android-studio-dir=“D:\visual_studio\IDE”

X Anetwork error occurredwhilechecking"https://maven.google.com/":信号灯超时时间已到
解决:
1.在这里插入图片描述
2.D:\flutter_windows\flutter\packages\flutter_tools\lib\src下的http_host_validator.dart 文件,修改
const String kMaven = ‘https://maven.aliyun.com/repository/google/’;

我们成功了!
在这里插入图片描述

转载自CSDN-专业IT技术社区

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/weixin_52905182/article/details/144179864

评论

赞0

评论列表

微信小程序
QQ小程序

关于作者

点赞数:0
关注数:0
粉丝:0
文章:0
关注标签:0
加入于:--