HarmonyOS 鸿蒙Next ArkUI入门训练营-开发体验-IDE改进建议

HarmonyOS 鸿蒙Next ArkUI入门训练营-开发体验-IDE改进建议 #ArkUI入门训练营-开发体验-IDE改进建议#

以下是本人在使用Dev Eco Studio 3.1.0.100学习HarmonyOS应用开发过程中遇到的一些问题，以及关于IDE的改进建议。

预览器相关

打开预览器时开启PreviewerLog窗口的位置问题

问题描述

打开预览器时，在IDE窗口下方区域会开启PreviewerLog窗口，从而遮挡住了预览器的一部分内容。

我在开发过程中遇到的两种情况是：

  • 只想预览界面布局效果，不需要查看PreviewerLog输出的日志信息：

    • 为了能更清晰地查看界面，我会将预览界面在Previewer窗口中放到最大
    • 但这样PreviewerLog窗口会遮挡住Previewer窗口大约1/3的内容，于是我不得不关闭PreviewerLog窗口

  • 需要调试一些与界面交互相关的功能时，既需要足够大且完整的预览界面，又需要开启PreviewerLog窗口实时查看调试信息：

    • 这种情况下，我会将PreviewerLog窗口模式设置为Float，再从右侧开始缩小，直到其不会遮挡Previewer窗口为止，并将预览界面放到最大

解决方案

增加设置窗口Dock位置的多种选择。

如下图，可以通过拖动窗口直接将PreviewerLog窗口固定到图中的位置，从而不会遮挡Previewer窗口

image

希望添加在预览器中可以指定预览页面的功能

问题描述

ETS文件说明：

  • Index.ets：入口组件，使用了@Entry装饰器标记
  • MainTab.ets：主页面的Tab
  • Home.ets：主页面的TabContent之一

首先我在打开Index.ets文件的情况下，启动预览器。这时我可能需要在Home.ets中修改一些代码来调整界面，做出修改之后即在Home.ets文件下按Ctrl+S保存修改，预览器会随之刷新。

之后我可能因为某些原因关闭了预览器，想查看预览时，或者在使用IDE过程中预览器出现这样的提示时：

image

我会重启预览器，如果当前处于Home.ets文件下，那么是无法启动预览的，因为Home组件没有设置@Entry装饰器。这样的话只能通过打开Index.ets文件来重启预览器了，如果Index.ets已经被关闭，则还需要在Project目录中查找并打开。

长期使用过程中，这样操作未免会感觉有些烦琐。

image

解决方案

可以在Previewer窗口中增加下拉框来选择要预览的Page页面，默认为预览当前打开的文件。

image

部分代码变动不能与预览器实时同步的问题

问题描述

我目前使用的是Dev Eco Studio 3.1 版本，在API9环境下开发，且开启了实时预览功能。

但实际上，并没有实时预览的效果。

image

根据官网的介绍，我在修改Text组件的文本属性时，并没有触发预览器的更新，而是在保存文件之后才进行了刷新，（之前有部分情况下修改组件属性能够实时刷新），不知道是不是IDE的Bug。

image

希望添加数据库可视化功能

问题描述

当应用涉及到数据存储，数据较少时会考虑使用Preferences，数据量大时一般使用关系型数据库。

在应用处于最初开发阶段，可能无法将所有数据都展现到页面上，或者我希望先进行数据层的开发，为了确保代码逻辑的编写没有错误并查看数据的修改结果，我需要在对数据库进行增删改查的每一个操作中都进行日志打印，这样确实有些烦琐。

解决方案

增加数据库可视化窗口。

之前学习Android开发时，使用Android Studio，它就有一个Databases窗口，能够查看当前应用的数据库，还可以直接在窗口中进行查询，像使用数据库管理系统一样方便。

(菜鸟发言)如果是搭配预览器使用，我觉得可以在预览时，让预览器根据代码生成一个数据库文件，让数据库管理窗口自动连接这个文件，并且使预览器中页面展示的数据与数据库文件保持同步。

代码编辑相关

希望添加变量名修改联动的功能

问题描述

我在一个ets文件中定义了某个变量（或函数），并在同一个甚至其他多个ets文件中使用了该变量（或函数）。当我想要修改这个变量名或函数名时，就需要一处一处地更改，而不能像修改文件名那样，修改一处就能自动修改其他多处引用。

如下图举个简单的栗子吧，我要修改message变量的名字，需要先修改变量定义处的名字，还要修改build函数中引用处的名字。因为这个文件中message变量只有一处引用，所以修改起来还是挺快的。但是变量引用的地方越来越多时，再修改变量名就变得非常麻烦。

image

解决方案

增加变量名修改联动功能。

参考其他JetBrains系列的产品，如修改文件名一样，在变量名处按下Shift+F6再修改变量名，这样所有引用该变量的地方都会一同修改。

希望添加自动生成类构造方法的功能

问题描述

当类的属性较多，定义需要设置全部属性的构造方法时，代码编写会比较麻烦和枯燥，而且是非常模板化的代码。

image

解决方案

增加自动生成类构造方法的功能。

因为我使用JetBrains系列的IDE比较多，在使用Idea编写Java代码时经常会用到这个功能，只需要定义好类的属性之后，按Alt+Insert就能选择生成构造方法，感觉非常方便。希望Dev Eco Studio也能更新这个功能吧。

总结

以上仅为个人在使用Dev Eco Studio 3.1过程中遇到的问题，不排除由于个人设备、软件、设置等方面的差错而导致上述问题的原因。

自我感觉这些建议还不太成熟，因为只是根据在较短时间内的学习经历和使用体验而提出的，在描述问题方面可能略显啰嗦，也可能使用了错误的术语，望海涵！


更多关于HarmonyOS 鸿蒙Next ArkUI入门训练营-开发体验-IDE改进建议的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

打开预览器PreviewLog窗口可以在Settings Appearance下ToolWindows栏设置就行

更多关于HarmonyOS 鸿蒙Next ArkUI入门训练营-开发体验-IDE改进建议的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题可以解决了，

基本信息

<div>
    <p>这是第一个段落。</p>
    <img src="" alt="空图片">
    <p>这是第二个段落。</p>
</div>

在【希望添加在预览器中可以指定预览页面的功能】的部分，对于非入口页面加@Preview注解来预览是否能够满足其需求，这个注解可以直接预览被修饰的组件。

您好，我试了在非入口页面组件上加@Preview注解，预览器能显示预览效果，但是无法与其中的页面元素进行交互。如果加上@Preview注解的组件也可以像入口组件一样可交互，或许会比较好。

针对帖子标题“HarmonyOS 鸿蒙Next ArkUI入门训练营-开发体验-IDE改进建议”，以下是对IDE改进建议的简要回应，专注于鸿蒙系统及其开发环境，不涉及Java或C语言内容：

在HarmonyOS鸿蒙系统的ArkUI开发过程中，IDE（集成开发环境）的体验对于开发者至关重要。针对IDE的改进，可以从以下几个方面着手：

  1. 性能优化：提升IDE的启动速度、代码编辑响应速度以及项目构建效率，减少开发者等待时间。

  2. 界面友好性：优化IDE界面布局，使其更加直观易用，同时增加对鸿蒙系统特有组件和特性的支持，方便开发者快速上手。

  3. 智能提示与错误检测：增强IDE的智能提示功能，提高代码补全、参数提示等准确性，同时加强错误检测能力，帮助开发者及时发现并修正问题。

  4. 调试与测试工具：完善IDE中的调试与测试工具，支持断点调试、性能分析等功能，提升开发效率和代码质量。

  5. 多设备预览：增加对多设备预览的支持，允许开发者在IDE中同时预览应用在不同鸿蒙设备上的表现，提升跨设备开发体验。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html，

回到顶部