很多刚上手鸿蒙开发的小伙伴会问:怎么新建一个页面,并且让模拟器启动后直接打开这个页面?

整个流程可以分为两大步:添加新页面、设置页面为默认启动页

第一步:添加新页面,两种实现方式(优先推荐方式一)

方式一:IDE 直接新建 Empty Page(推荐) 这种方式会自动帮我们在 main_pages.json 路由配置文件里注册页面,不容易漏写配置导致白屏。 操作步骤:

  1. 在工程目录选中 pages 文件夹;
  2. 右键 → New → Empty Page;
  3. 在弹窗中填写页面名称,点击 Finish 完成创建。

方式二:手动新建 ArkTS 文件 + 手动配置路由

  1. 在 pages 目录新建 .ets ArkTS 页面文件;
  2. 打开 main_pages.json,手动把页面路径添加到路由数组中;

⚠️ 注意:这种方式很容易写错路径、忘记配置,新手不优先选

第二步:设置页面为模拟器启动后直接展示的首页

想要模拟器运行就直接打开我们新建的页面,需要修改 EntryAbility 里的启动页面参数:

  1. 找到 EntryAbility.ts;
  2. 定位到设置默认页面的代码位置,把页面路由名称修改成你新建页面的名字;
  3. 重新编译项目,启动模拟器,就会默认打开这个新页面了

 新手避坑

  1. 页面名称尽量英文,不要中文、空格、特殊字符;
  2. main_pages.json 路径写错,页面会直接白屏;
  3. 修改完 EntryAbility 的启动页面之后,一定要重新编译运行,热更新不一定生效;
  4. 本文基于 Stage 模型,FA 模型配置方式不一样,不要混用。
Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐