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下载地址](https://visualstudio.microsoft.com/downloads/)(社区版就行) ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/93e26a77c0a649fd8ce3add35b0dab3b.png)![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/3912a57171ae4b1eb37918720d1273cb.png) flutter config --android-studio-dir="D:\\visual_studio\\IDE" X Anetwork error occurredwhilechecking"https://maven.google.com/":信号灯超时时间已到 解决: 1.![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/df8f08dad96445b8a4651cd6bd381a19.png) 2.D:\\flutter_windows\\flutter\\packages\\flutter_tools\\lib\\src下的http_host_validator.dart 文件,修改 const String kMaven = 'https://maven.aliyun.com/repository/google/';

我们成功了!

相关推荐
小白阿龙8 分钟前
鸿蒙+flutter 跨平台开发——回看历史APP的开发流程
flutter·华为·harmonyos
Miguo94well32 分钟前
Flutter框架跨平台鸿蒙开发——每日饮水APP的开发流程
flutter·华为·harmonyos
鸣弦artha1 小时前
Flutter框架跨平台鸿蒙开发——Image Widget加载状态管理
android·flutter
新镜1 小时前
【Flutter】Slider 自定义trackShape时最大最小值无法填满进度条问题
flutter
2501_944526422 小时前
Flutter for OpenHarmony 万能游戏库App实战 - 主题切换实现
android·开发语言·javascript·python·flutter·游戏·django
kirk_wang2 小时前
Flutter艺术探索-RESTful API集成:Flutter后端对接实战
flutter·移动开发·flutter教程·移动开发教程
某zhuan2 小时前
Flutter环境搭建(VS Code和Android Studio)
android·flutter·android studio
小雨下雨的雨2 小时前
触手可及的微观世界:基于 Flutter 的 3D 血细胞交互教学应用开发
flutter·3d·华为·矩阵·交互·harmonyos·鸿蒙系统
Miguo94well2 小时前
Flutter框架跨平台鸿蒙开发——结婚请柬生成器开发流程
flutter·华为·harmonyos
Miguo94well2 小时前
Flutter框架跨平台鸿蒙开发——记忆力练习APP开发流程
flutter·华为·harmonyos·鸿蒙