首页 > 其他分享 >flutter鸿蒙项目初体验

flutter鸿蒙项目初体验

时间:2024-12-27 10:31:50浏览次数:6  
标签:bin 初体验 鸿蒙 export PATH HOME tools flutter

flutter鸿蒙项目初体验

1.基础的环境变量配置

# flutter 基础环境配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# 拉取下来的flutter_flutter/bin目录

export PATH=/Users/admin/ohos/flutter_flutter/bin:$PATH

# HamonyOS SDK 环境配置

export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin
export HDC_HOME=$TOOL_HOME/sdk/HarmonyOS-NEXT-DB1/openharmony/toolchains # hdc指令(可选)

# 可选配置项(使用Android Studio 或者 Visual Studio Code调试时需要配置此项,jdk版本为17.0.12)

JAVA_HOME=/Users/admin/Documents/JDK/jdk-17.0.12.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
export JAVA_HOME
export PATH

# 可选配置项(防止由于flutter鸿蒙版的git下载地址环境变量不匹配,影响后续的flutter项目创建)

export FLUTTER_GIT_URL=https://gitee.com/openharmony-sig/flutter_flutter.git

# 非必选配置项(若command-line-tools目录下的tool文件里存在node环境,则无需配置,若无则可进行如下单独配置)

# export NODE_HOME=/Users/admin/node/node-18.14.1

# export PATH=$PATH:$NODE_HOME/bin
注意:上面是mac配置环境 

如果是mac请记得 source ~/.bash_profile

如果是windows 请配置在环境变量里面

2.检查本地环境

运行flutter doctor -v检查环境变量配置是否正确,Futter与OpenHarmony应都为ok标识,若两处提示缺少环境,按提示补上相应环境即可。

doctor1

3.创建flutter工程

创建工程与编译命令,编译产物在${projectName}/ohos/entry/build/default/outputs/default/entry-default-signed.hap下

# 创建工程 方式一 该方式只创建了ohos平台

flutter create --platforms ohos <projectName> 

# 创建工程 方式二 该方式创建了android,ios,ohos三个平台

flutter create  <projectName> 

# 进入工程根目录编译hap包

flutter build hap --debug

4.项目签名

直接使用DevEco Studio 打开 使用软件签名即可

image-20241030144433646

5.直接真机测试运行

使用DevEco Studio 查看设备真机是否链接,如果链接直接启动即可。
注意:如果没有真机需要使用模拟器,可参观官方文档配置

标签:bin,初体验,鸿蒙,export,PATH,HOME,tools,flutter
From: https://www.cnblogs.com/cnblogzzy/p/18634944

相关文章

  • 鸿蒙OS开发秘籍:打造优雅的登录状态管理系统
    一、前言在鸿蒙OS开发过程中,随着应用规模的扩大,登录状态管理逐渐成为系统设计中的一个挑战。一个清晰、高效的登录状态管理系统不仅可以简化开发流程,还能提升用户体验。本文将分享一种优雅的登录状态管理设计方案,帮助开发者轻松应对复杂系统中的登录状态控制。二、认证事件与认......
  • 鸿蒙Next状态管理V2 - @Once初始化用法总结
    一、概述@Once装饰器用于实现变量仅在初始化时同步一次外部传入值,后续数据源更改时不会将修改同步给子组件。其必须搭配@Param使用,且不影响@Param的观测能力,仅拦截数据源变化,与@Param装饰变量的先后顺序不影响实际功能,并且在搭配使用时可在本地修改@Param变量的值。二、装饰器使......
  • 鸿蒙UI开发——使用WidthTheme实现局部深浅色
    1、场景描述在实际的应用开发中,我们可能需要在界面中局部应用深色或者浅色的界面样式,与全局的深色、亮色同时生效。场景例如:深/亮色预览。此时,我们可以使用WithTheme能力来达到我们的效果。2、WithThemeWithTheme组件可以用于设置应用局部页面自定义主题风格,可设置子组件深......
  • 鸿蒙 ArkTs 持久化轻量级数据简单对数据进行存储
    文章目录场景整体逻辑具体代码和逻辑注意场景有时候我们需要快速的储存一些标识,比如第一次启动应用的隐私协议弹窗,这个时候我们就需要一直东西,将这个标识存起来整体逻辑使用的是preferences用户首选项为应用提供Key-Value键值型的数据处理能力,支持应用持久化轻......
  • Flutter学习笔记:API
    本文更新于2024-12-26,使用Flutter3.3.3。官方文档:https://api.flutter.dev或https://api.flutter-io.cn目录dart:ui【UI库】枚举TextDirection——文本方向animation【动画库】类AnimatedBuilder——动画创建器Animation<T>——动画AnimationController——动画控制......
  • Flutter OHOS flutter_image_crop(图片裁剪)
    Flutter的图片裁剪插件该插件附带一个Crop小部件。该小部件仅渲染图像、叠加层和用于裁剪图像的句柄。因此,它可以与其他小部件组合以构建自定义图像裁剪体验。使用创建一个小部件来加载和编辑图像:finalcropKey=GlobalKey<CropState>();Widget_buildCropImage(){r......
  • Flutter进阶组件(1):RadioListTiles(单选列表项)
    RadioListTile是一个特殊的ListTile,它内嵌了一个单选按钮(Radio),包含更多信息的单选项,提供多种配置信息的属性,可以表现更丰富的信息。这使得它非常适合用来创建单选列表项,常用于让用户在多个选项中选择一个的场景。一、属性RadioListTile组件提供了以下属性,以支持各种自定义需求:......
  • Flutter进阶组件(3):SwitchListTile(开关列表项)
    SwitchListTile是一个包含开关(Switch)的列表项,非常适合用来创建带有标题、副标题以及开关的列表项,常用于设置界面,让用户可以轻松地开启或关闭某个功能。一、基本使用SwitchListTile(title:constText('EnableNotifications'),value:true,//开关的初始状态onChanged......
  • Flutter进阶组件(2):CheckboxListTile(复选框列表项)
    CheckboxListTile是一个特殊的ListTile,它内嵌了一个复选框(Checkbox)。这使得它非常适合用来创建一个带有标题和可选复选框的列表项,常用于设置界面或需要用户选择多个选项的场景。一、属性CheckboxListTile组件提供了以下属性,以支持各种自定义需求:title:显示的标题,通常是一个Te......
  • 探索鸿蒙的蓝牙A2DP与访问API:从学习到实现的开发之旅
    完成了鸿蒙系统中一系列的学习与实际应用开发后,我的开发旅程逐渐走向了更复杂的领域。这次,我决定挑战蓝牙相关功能。蓝牙技术是现代设备互联的核心之一,而鸿蒙系统提供的BluetoothA2DPAPI和BluetoothAccessAPI为开发者带来了便捷的接口。不管三七二十一了,咱们直接上API13版本,然......