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/';

我们成功了!

相关推荐
韩曙亮12 小时前
【Flutter】Flutter 编译 Web 网站 ① ( Tomcat 部署 Web 网站 )
前端·flutter·tomcat·web
G_dou_20 小时前
Flutter三方库适配OpenHarmony【countdown_timer】倒计时器项目完整实战
flutter·harmonyos
●VON1 天前
AtomGit Flutter鸿蒙客户端:设置页面
flutter·华为·跨平台·harmonyos·鸿蒙
●VON1 天前
AtomGit Flutter鸿蒙客户端:用户资料
flutter·华为·架构·跨平台·harmonyos·鸿蒙
悟空瞎说1 天前
Flutter 三大主流本地存储全解:SharedPreferences、Hive、SQLite 实战指南
flutter
悟空瞎说1 天前
Flutter Isolate 与 compute 全方位实战指南:后台任务优化,保障 UI 60 帧流畅
flutter
风华圆舞1 天前
Stage 模型下 Flutter 鸿蒙壳工程怎么理解
flutter·华为·harmonyos
●VON1 天前
AtomGit Flutter鸿蒙客户端:数据模型
android·服务器·安全·flutter·harmonyos·鸿蒙
●VON1 天前
AtomGit Flutter鸿蒙客户端:收藏仓库
flutter·架构·跨平台·harmonyos·鸿蒙
●VON1 天前
AtomGit Flutter鸿蒙客户端:主题系统
javascript·flutter·华为·跨平台·harmonyos·鸿蒙