![Flutter for OpenHarmony 实战:[开发环境搭建与项目编译指南]](http://pic.xiahunao.cn/yaotu/Flutter for OpenHarmony 实战:[开发环境搭建与项目编译指南])
Flutter for OpenHarmony 实战[开发环境搭建与项目编译指南]一、基础环境搭建配置环境之前把基础文件夹创建好1.1 Git 下载与安装下载地址:Git - Install参考教程:1.打开链接2.按图所示3.按图所示别忘了勾选4.按图所示进行下一步5.按图所示进行下一步6.按图所示勾选中间的7.按图所示进行下一步8.按图所示勾选第一个9.按图所示进行下一步10.按图所示进行下一步11.按图所示进行下一步12.按图所示进行下一步13.按图所示进行下一步14.进行安装15.winr打开终端输入cmd进行验证16.依次输入进行验证gitgit-v1.2 Java JDK17 下载与安装下载地址:Java Downloads | Oracle图文参考教程:1.打开链接进入下面页面2.这里直接解压文件3.打开解压文件把里面的东西放到jdk文件里其他的不要4.就是把jdk-11.0.2里面的东西都移到jdk文件里面5.如图所示6.复制路径7.设置里面搜索环境变量8.输入JAVA_HOME变量值为下载jdk的文件位置9.输入%JAVA_HOME%\bin10.打开终端依次输入进行验证javajavacjava-version二、Flutter SDK 下载安装和开发环境搭建2.1 DevEco Studio 下载安装安装链接:DevEco Studio下载链接以下为图文步骤1.打开链接2.打开压缩包3.进行安装4.修改路径一定要知道自己下到哪了5.都选上6.直接安装7.重启电脑7.打开DevAPP8.修改参数9.进入设置10.下载sdk11.如图所示12.跟上面的操作一样SDK环境变量配置1.打开Dev安装位置复制路径2.复制路径3.打开环境变量4.把下面的四个路径复制上去然后把红框里的换成刚才复制的路径就行了就是Dev安装的位置F:\Chengxusheji\HarmonyOS\DevEco Studio\sdk\default\openharmony\toolchains F:\Chengxusheji\HarmonyOS\DevEco Studio\tools\ohpm\bin F:\Chengxusheji\HarmonyOS\DevEco Studio\tools\node F:\Chengxusheji\HarmonyOS\DevEco Studio\tools\hvigor\bin5.另外还需要新建DEVECO_SDK_HOME变量路径还是Dev安装位置但是路径后面要加上\sdk操作步骤:右键“此电脑” - “属性” - “高级系统设置” - “环境变量”。在“系统变量”中找到Path点击“编辑”然后“新建”依次添加上述四个路径。2.4 下载适配鸿蒙的 Flutter SDK下载 SDK:在创建好的flutter文件夹里1.打开 终端执行以下命令克隆 SDK 仓库然后输入下面的代码gitclone-boh-3.27.4-dev https://gitcode.com/openharmony-tpc/flutter_flutter.git2.输入代码3.完成之后打开里面的bin文件夹配置环境变量4.复制路径5.添加路径6.检查 Flutter 版本:* 打开新的终端窗口执行flutter --version.7.诊断 Flutter 环境:* 执行以下命令检查环境是否配置正确flutter doctor -v三、创建并编译项目3.1 创建项目在您希望存放项目的目录下打开终端并执行以下命令将projectName替换为您的项目名输入命令flutter create--platformsohosprojectName1.进入终端2.执行命令3.2 构建 App进入创建的目录使用 PowerShell 执行以下命令构建 Release 版本的 App1.进入powershell终端2.输入指令flutter build app--release3.3 打开项目使用 DevEco Studio 打开项目目录。2.打开项目3.按图所示4.虚拟机创建5.修改路径6.修改路径7.按图所示8.下载完成点击下一步进行镜像下载9.自定义虚拟机名称10.运行虚拟机11.成功页面四、总结通过以上步骤您已成功搭建一套完整的Flutter OpenHarmony 开发环境并能够✅ 创建跨平台项目✅ 编译生成 HAP 安装包✅ 在 DevEco Studio 中调试✅ 在模拟器或真机上运行尽管当前仍需较多手动配置但随着 OpenHarmony 生态的成熟与社区工具的完善React Native / Flutter 在鸿蒙平台的开发体验将持续优化。 加入社区欢迎加入开源鸿蒙跨平台开发者社区获取最新资源与技术支持 开源鸿蒙跨平台开发者社区技术因分享而进步生态因共建而繁荣。—— 晚霞的不甘 · 与您共赴鸿蒙跨平台开发之旅