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

目录

一、安装环境(windows)

1.Flutter sdk下载
中国环境(推荐) / 官网

  1. 解压打开flutter_console.bat

  2. 配置环境变量

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

  1. 在flutter_console.bat输入命令 flutter doctor ,带X的需要配置。

  2. 安装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/';

我们成功了!

相关推荐
Geek_Vison9 小时前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
FungLeo9 小时前
成为全栈·Flutter App 篇·go_router 与四 Tab App Shell:保留导航状态、深链和登录回跳
flutter·移动开发·成为全栈·go_router·路由设计·深链接
m0_738185829 小时前
Flutter 鸿蒙化实战:screen_protector 适配 OpenHarmony,防截屏/防泄露
flutter·华为·harmonyos·鸿蒙
梦想的颜色15 小时前
【编程实战】AI 时代 APP 开发全栈硬核指南:技术选型 + AI 架构 + 模型落地全维度决策
python·flutter·react native·react.js·ai·桌面应用·milvus
yuanlaile1 天前
2026年全新Flutter 跨平台开发全栈学习资料整理
flutter·getx·鸿蒙 next·flutter开发鸿蒙·flutter入门实战·flutter全栈
恋猫de小郭2 天前
Genkit Dart 1.0 发布,Flutter 原生的 AI Agent 终于完整了
android·前端·flutter
第10086个小白2 天前
flutter桌面端打包方式(Inno Setup Compiler)版本
前端·flutter
陆断枫3 天前
Flutter 3.47 动画引擎盘点:Impeller 全平台,和那些"新特性"
flutter
程序员老刘3 天前
Flet 1.0 思路很好,可惜来晚了
flutter·ai编程·客户端
m0_738185823 天前
Flutter 鸿蒙化实战:qr_code_scanner_plus 适配 OpenHarmony,二维码扫描
flutter·华为·harmonyos·鸿蒙