学习鸿蒙,我学到的东西与浅显理解(1-2、IDE 的使用)

152 阅读3分钟

开发 IDE

下载地址

界面

类似 WebStorm image.png

汉化 (这段官方课程里没有)

  1. 先在设置(command+,) 的已安装插件(Plugins)里找,可能内置了该插件,但未启用
  2. 没内置的话,在插件市场里找
  3. 没找到的话,可以去这个地址下载

注意要选择与 IDE 合适的版本 image.png

下载完后不用解压,点下图这个设置按钮,进行本地安装插件 image.png

注意安装后,需要重启编辑器才能生效

编辑器的使用

  • 可能是基于 2023 年版的 WebStrom 开发的
  • 加了一些鸿蒙开发使用的工具窗口
  • 例如:预览器、模拟器等

Preview 预览器

实时预览
  • 修改代码的同时,预览器会同步显示代码的效果
  • 只支持对页面的预览
动态预览
  • 如果代码中涉及到网络、数据库、传感器等功能,
  • 就需要动态预览,也就是模拟器、或真机调试
组件预览
  • 不仅可以预览整个页面,还可以预览单个组件,
  • 给组件修饰 @Preview 注解后,可以开启组件预览 image.png
双向预览

ps: 我感觉其实是三向预览

  • 有三个小窗口:编辑器、预览界面、组件树

  • 选中其中一个窗口中的组件时,另外两个窗口的组件也会高亮显示

  • 例如,选中代码块时,预览界面里该组件会高亮显示,组件树中的该节点也会高亮显示

  • 在组件树的组件属性界面改了属性后,会自动同步到代码里,如下图所示 image.png

多设备预览
  • 打开多设备预览开关,就可以看到多个设备的预览效果
总结一下
  • 这 5 种预览方式各自有其应用场景
  • 搭建页面样式布局时:
    • 实时预览
  • 编写复杂组件时,想排除其它组件的干扰
    • 组件预览
  • 调试组件属性时,如:颜色、宽高等:
    • 双向预览
  • 想同时查看组件或页面在不同设备的显示效果时:
    • 多设备预览
  • 想测试设备功能时,如:网络、蓝牙等:
    • 模拟器预览

模拟器

ps: 吐槽一下,下载模拟器得填申请表单,授权通过后才能下载。。

大概 5、6 分钟后通过

申请的时候,下面这个题目麻烦点,剩下的都很简单

ps: 再吐槽一下,模拟器在 Mac ARM 环境下,很多能力都不能用.. image.png

奇怪的是,文档里很多功能都说不支持,官方视频课程里又说支持了 image.png

HDC 命令

  • 似乎都是 IDE 里包含的功能,只是提供了命令行的操作
  • 粗略看了下,可能对初学者没什么用,还是先以开发为重吧
  • 需要安装一个工具包,安装后可以通过命令的方式,去操作设备
  • 例如:
    • 查询连接的设备列表
    • 将电脑文件、设备文件互传
    • 安装、卸载应用

系列文章


参考资料


写在最后

  • 不是教程,只是学习记录
  • 包含了一些自己的理解,一边学一边写的,难免有不对的地方
  • 写出来希望能与大家探讨,看到有错误的地方,望大家指正~