鸿蒙NEXT开发【查看ArkTS/JS预览效果】DevEco Studio代码编辑

预览器支持ArkTS/JS应用/服务“实时预览”和“动态预览”。

说明

• 预览支持Phone、Tablet、2in1、Car设备的ArkTS工程，支持Litewearable设备的JS工程。
• 预览器功能依赖于电脑显卡的OpenGL版本，OpenGL版本要求为3.2及以上。
• 预览时将不会运行Ability生命周期。
• 预览不支持引用HSP。引用了HSP的模块不支持预览，请直接在HSP内预览或模拟HSP。
• 预览场景下，不支持通过相对路径及绝对路径的方式访问resources目录下的文件。
• 预览不支持组件拖拽。
• 部分API不支持预览，如Ability、App、MultiMedia等模块。
• Richtext、Web、Video、XComponent组件不支持预览。
• 不支持调用C++库的预览。
• har在被应用/服务使用时真机效果有区别，真机上实际效果应用不显示menubar，服务显示menubar，但预览器都以不显示menubar为准。若开发har模块时，请注意被服务使用时预览器效果与真机效果的不同。

• 实时预览：在开发界面UI代码过程中，如果添加或删除了UI组件，您只需Ctrl+S进行保存，然后预览器就会立即刷新预览结果。如果修改了组件的属性，则预览器会实时（亚秒级）刷新预览结果，达到极速预览的效果（当前版本极速预览仅支持ArkTS组件。支持部分数据绑定场景，如@State装饰的变量）。实时预览默认开启，如果不需要实时预览，请单击预览器右上角
  按钮，关闭实时预览功能。

  说明

  开发者修改resources/base/profile目录下的配置文件（如main_pages.json/form_config.json），不支持触发实时预览，开发者需要点击重新加载外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传。

  

• 动态预览：在预览器界面，可以在预览器中操作应用/服务的界面交互动作，如单击、跳转、滑动等，与应用/服务运行在真机设备上的界面交互体验一致。

  

以ArkTS为例，使用预览器的方法如下：

1. 创建或打开一个ArkTS应用/服务工程。本示例以打开一个本地ArkTS Demo工程为例。

2. 在工程目录下，打开任意一个.ets文件（JS工程请打开.hml/.css/.js页面）。

3. 可以通过如下任意一种方式打开预览器开关，显示效果如下图所示：

   • 通过菜单栏，单击View > Tool Windows > Previewer打开预览器。
   • 在编辑窗口右上角的侧边工具栏，单击Previewer，打开预览器。

   

最后呢

很多开发朋友不知道需要学习那些鸿蒙技术？鸿蒙开发岗位需要掌握那些核心技术点？为此鸿蒙的开发学习必须要系统性的进行。

而网上有关鸿蒙的开发资料非常的少，假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料，少走很多弯路，节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）技术知识点

如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习路线图。

针对鸿蒙成长路线打造的鸿蒙学习文档。话不多说，我们直接看详细鸿蒙（OpenHarmony ）手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门视频，帮助大家在技术的道路上更进一步。

• 《鸿蒙 (OpenHarmony)开发学习视频》
• 《鸿蒙生态应用开发V2.0白皮书》
• 《鸿蒙 (OpenHarmony)开发基础到实战手册》
• OpenHarmony北向、南向开发环境搭建
• 《鸿蒙开发基础》
• 《鸿蒙开发进阶》
• 《鸿蒙开发实战》

总结

鸿蒙—作为国家主力推送的国产操作系统。部分的高校已经取消了安卓课程，从而开设鸿蒙课程；企业纷纷跟进启动了鸿蒙研发。

并且鸿蒙是完全具备无与伦比的机遇和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，未来将会支持 50 万款的应用。那么这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长，学习鸿蒙势在必行！ 自↓↓↓拿