新建页面

1.打开创建页面

用户可以通过以下两种方式打开打开创建页面功能:

  • 通过点击顶部菜单的【查看】【命令面板】并在命令面板中输入Create A Hap Page 即可打开功能界面,然后按提示输入所需信息
  • 可以通过【文件】→【新建快应用页面】菜单打开 新建快应用页面 页面。

newPage

2.输入创建的快应用页面信息

  • 页面标题:在标题栏显示,相当于 titlebarText,不限格式

  • 页面路径:

    • 左边:选择路径,默认目录为/src/, 可以点击后修改,但必须在当前项目的 src 文件夹下。否则弹框提示“根目录必须在当前项目的 src 文件夹下”。

    • 右边:填写路径,格式为 name1/name2,不需要以/开头,路径中的文件夹名由字母、数字、_组成,长度 1-255。当默认路径为/src/ 时,右边不能为空。当默认路径不为/src/ 时,右边可以为空。

注意:

  • 这部分格式规则较多,在填写时,红字提示格式错误。

  • 选择模版,更多模版可以通过 开发工具插件市场 下载 页面模版,模版将会自动导入。

3.完成创建

  • 点击完成,开发工具会自动打开新建的页面。

  • 新建的页面将会放到用户所选择的路径下。

  • 同时插件会自动在manifest.json中的router下的pages字段和display下的pages字段中添加页面信息。

注意:

  • 这里如果用户配置了 toolkit并且修改了 sourceRoot 字段,页面的默认路径值将会相应的改变,页面路径选择输入框左边的按钮中的内容也会相应改变。