开发 IDE
界面
类似 WebStorm
汉化 (这段官方课程里没有)
- 先在设置(command+,) 的已安装插件(Plugins)里找,可能内置了该插件,但未启用
- 没内置的话,在插件市场里找
- 没找到的话,可以去这个地址下载
注意要选择与 IDE 合适的版本
下载完后不用解压,点下图这个设置按钮,进行本地安装插件
注意安装后,需要重启编辑器才能生效
编辑器的使用
- 可能是基于 2023 年版的 WebStrom 开发的
- 加了一些鸿蒙开发使用的工具窗口
- 例如:预览器、模拟器等
Preview 预览器
实时预览
- 修改代码的同时,预览器会同步显示代码的效果
- 只支持对页面的预览
动态预览
- 如果代码中涉及到网络、数据库、传感器等功能,
- 就需要动态预览,也就是模拟器、或真机调试
组件预览
- 不仅可以预览整个页面,还可以预览单个组件,
- 给组件修饰 @Preview 注解后,可以开启组件预览
双向预览
ps: 我感觉其实是三向预览
有三个小窗口:编辑器、预览界面、组件树
选中其中一个窗口中的组件时,另外两个窗口的组件也会高亮显示
例如,选中代码块时,预览界面里该组件会高亮显示,组件树中的该节点也会高亮显示
在组件树的组件属性界面改了属性后,会自动同步到代码里,如下图所示
多设备预览
- 打开多设备预览开关,就可以看到多个设备的预览效果
总结一下
- 这 5 种预览方式各自有其应用场景
- 搭建页面样式布局时:
- 实时预览
- 编写复杂组件时,想排除其它组件的干扰:
- 组件预览
- 调试组件属性时,如:颜色、宽高等:
- 双向预览
- 想同时查看组件或页面在不同设备的显示效果时:
- 多设备预览
- 想测试设备功能时,如:网络、蓝牙等:
- 模拟器预览
模拟器
ps: 吐槽一下,下载模拟器得填申请表单,授权通过后才能下载。。
大概 5、6 分钟后通过
申请的时候,下面这个题目麻烦点,剩下的都很简单
ps: 再吐槽一下,模拟器在 Mac ARM 环境下,很多能力都不能用..
奇怪的是,文档里很多功能都说不支持,官方视频课程里又说支持了
HDC 命令
- 似乎都是 IDE 里包含的功能,只是提供了命令行的操作
- 粗略看了下,可能对初学者没什么用,还是先以开发为重吧
- 需要安装一个工具包,安装后可以通过命令的方式,去操作设备
- 例如:
- 查询连接的设备列表
- 将电脑文件、设备文件互传
- 安装、卸载应用
系列文章
参考资料
写在最后
- 不是教程,只是学习记录
- 包含了一些自己的理解,一边学一边写的,难免有不对的地方
- 写出来希望能与大家探讨,看到有错误的地方,望大家指正~