鸿蒙开发者社区

目录​​1>CodeLinter代码检查​​​​2>配置代码检查规则​​​​3>查看处理代码检查结果​​1>CodeLinter代码检查CodeLinter针对ArkTSTS代码进行最佳实践编程规范方面的检查。可根据扫描结果中告警提示手工修复代码缺陷，或者执行一键式自动修复，在代码开发阶段，确保代码质量。检查方法：在已打开的代码编辑器窗口单击右键点击CodeLinter，或在工程管理窗口中鼠标选中单个或多个工程文件目录，右键选择CodeLinter>FullLinte...

目录​​1>代码实时检查​​​​2>代码快速修复​​​​3>C++快速修复使用演示​​​​3.1>填充switch语句​​​​3.2>使用auto替换类型​​​​3.3>用？：三元操作符替换ifelse​​​​3.4>从使用处生成构造函数​​​​3.5>将变量拆分为声明和赋值​​1>代码实时检查编辑器会实时的进行代码分析，如果输入的语法不符合编码规范，或者出现语义语法错误，将在代码中突出显示错误或警告，将鼠标放置在错误代码处，会提示详细的错...

目录​​1>OptimizeImports功能​​​​2>父子类快速跳转​​​​3>查看接口类的层次结构​​​​4>代码自动补全​​1>OptimizeImports功能使用编辑器提供的OptimizeImports，可以快速清除未使用的import，并根据设置的规则对import进行合并或排序。选择文件或目录，使用快捷键Ctrl+Alt+O(macOS为Control+Option+O)，或单击菜单栏Code>OptimizeImports。如需修改优化配置，进入File>Settings...>Editor>CodeStyle，选择开发语言...

目录​​1>代码结构树​​​​2>代码引用查找​​​​3>函数注释生成​​​​4>代码查找​​​​5>快速查阅API接口及组件参考文档​​1>代码结构树使用快捷键Alt+7Ctrl+F12(macOS为Command+7)打开代码结构树，快速查看文件代码的结构树，包括全局变量和函数，类成员变量和方法等，并可以跳转到对应代码行。2>代码引用查找提供FindUsages代码引用查找功能，帮助我们快速查看某个对象(变量、函数或者类等)被引用的地方，用于后续...

目录​​1>代码高亮​​​​2>代码跳转​​​​3>跨语言跳转​​​​4>代码格式化​​​​5>代码折叠​​​​6>代码快速注释​​1>代码高亮支持对代码关键字、运算符、字符串、类、标识符、注释等进行高亮显示，可以打开File>Settings(macOS为DevEcoStudio>Preferences)面板，在Editor>ColorScheme自定义各字段的高亮显示颜色。默认情况下，您可以在LanguageDefaults中设置源代码中的各种高亮显示方案，该设置将对所有语言生效...

目录​​1>添加Page​​​​2>导入Sample工程​​​​3>创建意图框架​​​​3.1>使用约束​​​​3.2>使用方式​​1>添加Page在ArkTS语言的工程中，支持添加Page。Page是表示应用元服务的一个页面。应用元服务可以设计为多个功能页面，每个页面进行单独的文件管理，并通过路由API实现页面的调度管理，以实现应用内功能的解耦。ArkTS语言的工程添加Page后，会在pages文件夹下生成一个新的ets文件。1.在Stage工程中选中ets文件夹...

目录​​1>在模块中添加Ability​​​​1.1>Stage模型添加UIAbility​​​​1.1.1>在模块中添加UIAbility​​​​1.1.2>在模块中添加ExtensionAbility​​​​2>创建服务卡片​​​​2.1>概述​​​​2.2>使用约束​​​​2.3>创建服务卡片​​​​2.4>创建动态静态卡片​​​​2.5>预览服务卡片​​1>在模块中添加AbilityAbility是应用元服务所具备的能力的抽象，一个Module可以包含一个或多个Ability。应用元服务先后提供了两...

目录​​1>创建新的Module​​​​2>导入Module​​​​3>配置distroFilterdistributionFilter分发规则​​​​4>删除Module​​1>创建新的ModuleModule是应用元服务的基本功能单元，包含了源代码、资源文件、第三方库及应用元服务配置文件，每一个Module都可以独立进行编译和运行。一个应用元服务通常会包含一个或多个Module，因此，可以在工程中创建多个Module，每个Module分为Ability和Library两种类型。Module支持entry、fe...

目录​​1>适配OHPM包管理​​​​1.1>历史工程手动迁移​​​​2>关闭数据采集​​​​3>日志上传​​1>适配OHPM包管理OHPMCLI(OpenHarmonyPackageManagerCommandlineInterface)作为鸿蒙生态三方库的包管理工具，支持共享包的发布、安装和依赖管理。在DevEcoStudio3.1Release及更高版本上新建API9及以上版本的工程将使用ohpm作为默认包管理器。说明仅使用npm包管理的API89历史工程需进行迁移。整体迁移流程如下：1.迁移配置文...

目录​​1>一体化工程迁移​​​​1.1>自动迁移​​​​1.2>手动迁移​​​​1.2.1>API10及以上历史工程迁移​​​​1.2.2>API9历史工程迁移​​1>一体化工程迁移DevEcoStudio从NEXTDeveloperBeta1版本开始，提供开箱即用的开发体验，将SDK、Node.js、Hvigor、OHPM等工具链进行合一打包，简化DevEcoStudio安装配置流程；并提供一体化的历史工程迁移能力，帮助开发者快速完成工程转换。注意为了避免数据丢失，迁移前请对工程进行...

目录​​1>工程模板介绍​​​​2>创建一个新的工程​​​​2.1>创建和配置新工程​​​​2.1.1>创建HarmonyOS工程​​​​2.2.2>创建OpenHarmony工程​​1>工程模板介绍DevEcoStudio支持多种品类的应用元服务开发，预置丰富的工程模板，可以根据工程向导轻松创建适应于各类设备的工程，并自动生成对应的代码和资源模板。同时，DevEcoStudio还提供了多种编程语言供开发者进行应用元服务开发，包括ArkTS、JS和CC++。工程模板支持...

目录​​1>工具简介​​​​1.1>概述​​​​1.2>HarmonyOS应用服务开发流程​​​​1.2.1>开发准备​​​​1.2.2>开发应用服务​​​​1.2.3>运行、调试和测试应用服务​​​​1.2.4>发布应用服务​​​​2>工程介绍​​​​2.1>APP包结构​​​​2.2>切换工程视图​​​​3>工程目录结构​​​​3.1>ArkTS工程目录结构(Stage模型)​​​​3.2>C++工程目录结构(Stage模型)​​​​3.3>JS工程目录结构(FA模型)​​1>工具简介1.1...

目录​​1>动画动效​​​​1.1>创建动画对象​​​​1.2>添加动画事件和调用接口​​​​2>动画帧​​​​2.1>请求动画帧​​​​2.2>取消动画帧​​​​3>自定义组件​​1>动画动效1.1>创建动画对象通过createAnimator创建一个动画对象，通过设置参数options来设置动画的属性。<!test.hml><divclass"container"><divstyle"width:300px;height:300px;margintop:100px;background:lineargradient(pink,purple);transform:transl...

目录​​1>动画动效​​​​1.1>创建动画对象​​​​1.2>添加动画事件和调用接口​​​​2>动画帧​​​​2.1>请求动画帧​​​​2.2>取消动画帧​​1>动画动效通过设置插值器来实现动画效果。说明从APIVersion6开始支持。1.1>创建动画对象通过createAnimator创建一个动画对象，通过设置参数options来设置动画的属性。<!test.hml><divclass"container"><divstyle"width:300px;height:300px;margintop:100px;background:linearg...

目录​​1>获取动画对象​​​​2>设置动画参数​​​​3>添加事件和调用方法​​1>获取动画对象通过调用animate方法获得animation对象，animation对象支持动画属性、动画方法和动画事件。<!test.hml><divclass"container"><divid"content"class"box"onclick"Show"><div><div>test.css.container{flexdirection:column;justifycontent:center;alignitems:center;width:100%;}.box{width:200px;height:200px;backgroundcolor:ff0...

目录​​1>属性样式动画​​​​2>transform样式动画​​​​2.1>设置静态动画​​​​2.2>设置平移动画​​​​2.3>设置旋转动画​​​​2.4>设置缩放动画​​​​2.5>设置matrix属性​​​​2.6>整合transform属性​​​​3>backgroundposition样式动画​​​​4>svg动画​​​​4.1>属性样式动画​​​​4.2>路径动画​​​​4.3>animateTransform动画​​1>属性样式动画在关键帧(Keyframes)中动态设置父组件的width和height...

目录​​1>基础知识​​​​1.1>创建Svg组件​​​​1.2>设置属性​​​​2>绘制图形​​​​3>绘制路径​​​​4>绘制文本​​​​4.1>文本​​​​4.2>沿路径绘制文本​​1>基础知识Svg组件主要作为svg画布的根节点使用，也可以在svg中嵌套使用。说明从APIversion7开始支持。svg父组件或者svg组件需要定义宽高值，否则不进行绘制。1.1>创建Svg组件在pagesindex目录下的hml文件中创建一个Svg组件。<!test.hml><divclass"contai...

目录​​1>创建Swiper组件​​​​2>添加属性​​​​3>设置样式​​​​4>绑定事件​​​​5>场景示例​​1>创建Swiper组件在pagesindex目录下的hml文件中创建一个Swiper组件。<!test.hml><divclass"container"><swiper><divclass"item"style"backgroundcolor:bf45ea;"><text>item1<text><div><divclass"item"style"backgroundcolor:088684;"><text>item2<text><div><divclass"item"style"backgroundcolor:7786ee;"><text>item...

目录​​1>创建Tabs​​​​2>设置Tabs方向​​​​3>设置样式​​​​4>显示页签索引​​​​5>场景示例​​1>创建Tabs在pagesindex目录下的hml文件中创建一个Tabs组件。<!index.hml><divclass"container"<tabs><tabbar><text>item1<text><text>item2<text><tabbar><tabcontentclass"tabContent"><divclass"text"><text>content1<text><div><divclass"text"><text>content2<text><div><tabcontent><tabs><div>test.css.contain...

目录​​1>创建Stepper组件​​​​2>设置index属性​​​​3>设置样式​​​​4>添加事件​​​​5>场景示例​​1>创建Stepper组件在pagesindex目录下的hml文件中创建一个Stepper组件。<!index.hml><divclass"container"><stepper><stepperitem><text>Step1<text><stepperitem><stepperitem><text>Step2<text><stepperitem><stepper><div>test.css.container{width:100%;height:100%;flexdirection:column;justifycontent:cent...