基于Windows的flutter安装与相关环境配置
本文摘要:本文介绍了Flutter跨平台开发框架的基础配置流程。首先解释Flutter的特性(一套代码多端运行、热重载等)和JDK的必要性(Android平台构建依赖)。随后分步骤指导环境搭建:1)安装Git;2)下载配置JDK环境变量;3)配置DevEco开发工具;4)安装Flutter并配置环境;5)在DevEco Studio中完成SDK和模拟器设置(需注意Hyper-v开启问题)。最后演示
避坑前提:
在我们进行相关配置步骤时,首先要了解什么是flutter?
Flutter是Google开源的跨平台UI开发框架,核心目标是让开发者用一套代码快速构建在 iOS、Android、Web、桌面(Windows/macOS/Linux)、嵌入式设备等多平台上运行的高性能、高一致性的原生级应用。
flutter的优势:
| 特点 | 说明 |
|---|---|
| 一套代码多端运行 | 覆盖移动、Web、桌面、嵌入式,大幅减少跨平台开发的重复工作量 |
| 原生级性能 | 自绘引擎 + AOT 编译(Release 模式),运行速度接近原生 App |
| 热重载(Hot Reload) | 开发时修改代码后,1 秒内刷新界面(保留应用状态),调试效率极高 |
| 丰富的 UI 组件 | 内置 Material Design(安卓风格)、Cupertino(iOS 风格)组件库,开箱即用 |
| 灵活的自定义 UI | 支持细粒度控制 UI 渲染,轻松实现复杂动画、自定义组件 |
| 单一语言开发 | 前后端(UI + 业务逻辑)均使用 Dart 语言,无需切换多语言(如 JS + Java/Kotlin) |
什么是JDK?
JDK 是 Java 开发工具包(Java Development Kit)的缩写,是 Oracle(或 OpenJDK 社区)提供的 Java 开发核心工具集 —— 包含开发、编译、运行、调试 Java 程序所需的所有组件,是 Java 开发的 “基础环境”,没有JDK就无法进行Java相关的编程和项目构建。
为什么要在flutter框架引入JDK?
在Flutter中引入JDK(Java Development Kit),核心原因是Flutter对Android平台的构建、编译、打包流程完全依赖 Java 生态工具链 —— JDK 是支撑Android原生开发的基础,而Flutter要生成可在Android设备上运行的APK/AAB安装包,必须借助JDK提供的Java编译、工具链能力,并非Flutter本身依赖JDK,而是其Android目标平台的构建流程强依赖JDK。
以下是一些相关安装和必要的环境配置(仅为本人的观点,如有异议本人积极修改)
第一步安装git(为后面一系列的开发做准备)
由于本人之前安装过,下面就不一一展示了,想要下载的建议登录该网址进行安装(https://git-scm.com/downloads),值得注意的是,在官网安装的可能比较慢,建议在阿里镜像下载可能会比较好(https://npm.taobao.org/mirrors/git-for-windows/),然后在里面选择自己需要的版本就OK了。
第二步下载安装JDK并配置环境变量
找到并登录Oracle网站(Oracle | Cloud Applications and Cloud Platform),接下来的步骤按照图示来



选择自己相应的路径下载完成后,会出现相关文件夹里(由于本人以前下载过jdk-23,下图以23版本为例)

检测方法:在电脑命令行输入相关指令
出现以下类似结果就成功了

然后进行相关环境配置:
在系统变量找到path变量,并进行编辑,然后新建jdk目录路径(注意仔细看好jdk路径)

第三步给devo开发工具进行环境配置
根据步骤来(注意一定要看好安装路径)


第四步安装flutter并配置环境变量
在命令行输入下面的命令进行下载

进行配置



然后在命令行输入flutter --version进行配置就好了
第五步在DevEco Studio进行配置
相关步骤操作:file->settings->appearance->openharmony SDK,然后对相关SDK进行下载安装


点击device manager->phone,然后建议选择HarmonyOS 6.0.0版本的下载
下载完成再次点开如图所示证明安装完成

如果点击三角符号失败的话,可能是未开启Hyper-v的原因,建议手动在命令符的windows相关隐性功能进行修改(启动Hyper-v选项)
完成后再次点击如图所示即可成功

第六步创建第一个项目并运行“hello world”

更多推荐



所有评论(0)