全面支持JS/eTS应用开发,DevEco Studio 3.0 Beta4新版本发布
原文:https://mp.weixin.qq.com/s/j5Cl48ZxzEmnnpfoM0pKJg ,点击链接查看更多技术内容。
HUAWEI DevEco Studio(后文简称DevEco Studio)作为HarmonyOS应用及服务开发的IDE,最近升级了新版本——DevEco Studio 3.0 Beta 4。本次新版本主要支持在HarmonyOS 3.0 Beta版上开发JS/eTS应用及服务,同时还增强了低代码开发、预览器和编辑器的能力,优化了信息中心体验。
升级方式:
建议您从官网下载安装包进行全量升级:https://developer.harmonyos.com/cn/develop/deveco-studio
一、支持JS/eTS应用及服务开发
基于HarmonyOS 3.0 Beta版开发JS/eTS应用和服务时,需要同时下载OpenHarmony SDK(API Version 8)以及HarmonyOS SDK下的Previewer和Toolchains(API Version 8)。
图1 OpenHarmony SDK下载
图2 HarmonyOS SDK下载
完成以上操作,就可以开始你的HarmonyOS 3.0 Beta版的JS/eTS应用开发之旅了。
二、支持低代码开发
低代码开发功能,是DevEco Studio为开发者提供的可视化界面开发方式,具有丰富的UI界面编辑功能。开发者可自由拖拽组件,快速预览界面效果,所见即所得,有效降低时间成本,提升UI界面的构建效率。
此次新版本新增eTS低代码开发功能,支持组件自由拖拽排版以及数据绑定。创建工程时选择开启Super Visual,打开使用低代码开发功能。在工程目录结构下打开“.visual”文件,即可进行UI界面的可视化布局设计与开发。
图3 eTS低代码开发
此外,服务卡片与低代码开发的功能特性非常契合,通过使用低代码开发完全可以做到服务卡片零码化开发。将所需资源放到对应的文件夹后,在index.visual界面通过拖拽组件排版以及属性设置编辑界面框架,在json面板中定义变量,然后在属性样式栏进行数据绑定,就可完成服务卡片开发。
图4 低代码开发服务卡片
三、支持ArkUI声明式范式组件的极速预览
DevEco Studio现已提供多种预览功能,包括多端设备预览、双向预览、实时预览、动态预览等,让开发者可以在UI界面开发时快速查看UI代码运行的效果。此次新版本的实时预览功能新增支持ArkUI声明式范式组件的极速预览。
我们之前提供的实时预览功能,需要在添加或删除UI组件后使用快捷键Ctrl+S进行保存,预览器才会刷新预览结果。此次新版本中,如果修改了ArkUI声明式范式组件的属性和属性值,在该组件没有绑定变量的情况下,无需操作保存,预览器就会亚秒级同步刷新预览结果,让开发者更加快速地看到预览界面的变化效果。
图5 ArkUI声明式范式组件的极速预览
四、编辑器能力增强
此次DevEco Studio新版本新增了以下三项编辑器能力,让应用开发更加简单高效!
1. ArkUI代码格式化
实际应用开发中,为了精准地表达业务逻辑,提高代码可读性,往往会对代码的格式有要求。为解决你在编辑代码时的格式问题,DevEco Studio提供了ArkUI代码格式化功能。
在“Setting > Editor > Code Style”下选择对应的语言,且开启代码格式化功能后,即可进行缩进(Tabs and Indents)、空格(Spaces)、换行(Wrapping and Braces)、空行(Blank Lines)和代码排序(Arrangement)的格式化操作。本次新增eTS、JavaScript和TypeScript三种语言的Arrangement功能,支持相应语言的代码排序排列功能的设置,更便于你编辑代码。
图6 ArkUI代码格式化
2. ArkUI自定义代码折叠
实际应用开发中,如果要实现复杂的功能,代码也会比较复杂。为解决代码太长不便于查看代码逻辑的问题,DevEco Studio提供ArkUI自定义代码折叠功能。
当你选中想要折叠的代码后,选择菜单栏的Code,打开surround with或者使用快捷键Ctrl+Alt+T来进行代码的自定义折叠设置。通过自定义折叠设置可自动生成具有环绕性质的代码,如if..else、try..catch、for、synchronized等,还包括2种不同风格的自定义折叠样式选项,包括<editor-fold...>Comments和region...endregion Comments。
图7 ArkUI自定义代码折叠
3. 字符串可视化编辑
有的APP需要面对多个国家的受众,因此开发时需要将字符串资源翻译成多种语言。在进行多种语言翻译时,就可以用到DevEco Studio提供的字符串可视化编辑功能。
如图8所示,在编辑字符串资源文件string.json时,你可以打开字符串资源编辑器,采用表格可视化的方式来编辑。在字符串资源编辑器中可以展示所有string.json文件中设置的字符串,并且支持添加、修改、删除字符串,且支持直接同步到原string.json文件中。
图8 字符串可视化编辑
五、信息中心体验优化
在开发过程中可能会遇到问题,需要查阅文档或者资料,为此DevEco Studio基于开发旅程提供了一站式信息获取平台——信息中心(InfoCenter),遇到问题时可以直接在信息中心查阅文档、资料。
● 1. 资源快捷入口
信息中心提供了HarmonyOS和OpenHarmony的快速入门、示例教程、开发指南、API参考、版本变更、常见问题等内容,且与DevEco Studio的功能深度融合,在信息阅读过程中可一键直达相应功能,实现信息阅读与操作的快速切换。
图9 信息中心(InfoCenter)
● 2. 资源实时更新
新版本的信息中心,支持根据开发的应用/服务类型进行手动自助切换资源类型,还集成了更多的开发资源,如开发指南、API参考这些常用文档资源。当资源内容动态更新后,底部栏会有提示告知,第一时间通知您。本次升级,信息中心支持Banner页资源推荐,整合开发者重点关注的资源(如文档上新、重点手册优化、意见答复等),方便您在DevEco Studio中体验沉浸式资源阅读,更快速找到想要查阅的资源。
● 3. 问题求助及意见反馈
与此同时,信息中心也提供了问题求助入口,您可以查阅常见问题,也支持在线提单或通过快捷入口前往开发者论坛发帖求助。欢迎您通过意见反馈界面,反馈DevEco Studio工具/开发者文档的错误、Bug、改进意见等,您的宝贵意见是我们改进的重要参考。
图10 问题和意见反馈
启动DevEco Studio后,在菜单栏选择“Help > InfoCenter”,即可打开信息中心,快来体验吧!
最后,也欢迎你提出好的建议或者意见,帮助DevEco Studio往更好的方向前进发展,为HarmonyOS应用打造更强大的开发工具。
反馈渠道:
https://developer.huawei.com/consumer/cn/forum/block/deveco-studio
全面支持JS/eTS应用开发,DevEco Studio 3.0 Beta4新版本发布的更多相关文章
- 查收新年礼物丨DevEco Studio 3.0 Beta2发布,20个新变化详解
HUAWEI DevEco Studio是开发HarmonyOS应用和原子化服务的一站式集成开发环境(IDE),为开发者提供工程模板创建.开发.编译.调试.发布等功能. 2021年12月31日,新版本 ...
- DevEco Device Tool 3.0 Release 新版本发布,支持多人共享开发
DevEco Device Tool 是面向智能设备开发者提供的一站式集成开发环境,支持 HarmonyOS Connect 的组件按需定制,支持代码编辑.编译.烧录和调试.性能监测等功能,支持 C/ ...
- Android Studio 1.0.2项目实战——从一个APP的开发过程认识Android Studio
Android Studio 1.0.1刚刚发布不久,谷歌紧接着发布了Android Studio 1.0.2版本,和1.0.0一样,是一个Bug修复版本.在上一篇Android Studio 1.0 ...
- Android Studio 3.0 新特性
最新Android Studio版本是Android Studio 3.0,本文提供了所有新功能和更改的摘要. 所有这些功能都可以在最新的金丝雀版本中发布,但beta测试版本可能尚未提供. 核心IDE ...
- 前端开发利器webStorm 3.0配置使用
安装了phpstorm之后,想配置svn,结果在file->settings->Version Contorl->subversion->with conmand line ...
- [Android] 环境配置之正式版Android Studio 1.0
昨天看见 Android Studio 1.0 正式版本发布了:心里挺高兴的. 算是忠实用户了吧,从去年开发者大会一开始出现 AS 后就开始使用了:也是从那时开始就基本没有用过 Eclipse 了:一 ...
- 【转载】Visual Studio 2015 for Linux更好地支持Linux下的开发
原文:Visual Studio 2015 for Linux更好地支持Linux下的开发 英文原文:Targeting Linux Made Easier in Visual Studio 2015 ...
- JS高级前端开发群加群说明及如何晋级
JS高级前端开发群加群说明 一.文章背景: 二. 高级群: 三. 加入方式: 四. 说明: 一.文章背景: 去年年初建了几个群,在不经意间火了,一直排在“前端开发”关键字搜索结果第一名.当然取得这 ...
- Xamarin For Visual Studio 3.0.54.0 完整离线破解版(C# 开发Android、IOS工具 吾乐吧软件站分享)
Xamarin For Visual Studio就是原本的Xamarin For Android 以及 Xamarin For iOS,最新版的已经把两个独立的插件合并为一个exe安装包了.为了区分 ...
- 前端进阶试题css(来自js高级前端开发---豪情)既然被发现了HOHO,那我就置顶了嘿嘿!觉得自己技术OK的可以把这套题目做完哦,然后加入高级前端的社区咯
http://www.cnblogs.com/jikey/p/4426105.html js高级前端开发加群方法(此群很难进,里面纯技术,严禁广告,水群) 完整题目做完发邮箱(jikeytang@16 ...
随机推荐
- C++特殊类的设计与单例模式
#pragma once // 1. 设计一个不能被拷贝的类/* 解析:拷贝只会放生在两个场景中:拷贝构造函数以及赋值运算符重载,因此想要让一个类禁止拷贝, 只需让该类不能调用拷贝构造函数以及赋值运算 ...
- Ubuntu上文件系统根目录磁盘空间扩充
今天使用Ubuntu的时候,出现了磁盘根目录空间不足的提示,需要我们对于根目录磁盘空间进行扩充. 1.打开终端输入命令,安装gparted管理器 sudo apt-get install gparte ...
- 1. JVM体系结构
1. 前言 作为Java工程师 ,jvm对于 java的重要性不言而喻,但是 我们又对jvm了解多少 Java的跨平台性 java发布的口号 "一处编译到处运行 " 依赖于jvm, ...
- Java ----多线程 案例
1 package bytezero.threadtest2; 2 3 /** 4 * 银行有一个账户 5 * 有两个储户分别向同一个账户存 3000元,每次存1000,存三次,每次存完打印账户余额 ...
- Prompt进阶系列1:LangGPT(从编程语言反思LLM的结构化可复用提示设计框架)
Prompt进阶系列1:LangGPT(从编程语言反思LLM的结构化可复用提示设计框架) 大语言模型 (Large Language Models, LLMs) 在不同领域都表现出了优异的性能.然而, ...
- 最强本地缓存Caffeine
Caffeine 是基于 JAVA 8 的高性能缓存库.并且在 spring5 (springboot 2.x) 后spring 官方放弃了 Guava,而使用了性能更优秀的 Caffeine 作为默 ...
- npm 添加 淘宝代理
npm config set registry https://registry.npm.taobao.org
- 表单验证 validate 两种 一种是callback配合外部变量,当同步用。第2中是 then async await 这种 真正$api也适用
validateFormRealProcessLeft () { let ret = false this.$refs.xxx.validate((valid) => { if (valid) ...
- C++标准库字符串流sstream
sstream与strstream 在C++有两种字符串流,一种在<strstream>中定义,另一种在<sstream>中定义,两者的区别如下: strstream里包含st ...
- 移远4G数传模块EC800M开发总结之基本备忘
一 前记 1 EC800M模块是移远推出的小尺寸低功耗针对可穿戴市场的数传产品.笔者在几个产品上使用过程中,遇到了一些问题. 这里做个备忘吧. 二 梳理 1 工具,这个串口的默认波特率为115200. ...