新建页面
1.打开创建页面
用户可以通过以下两种方式打开打开创建页面功能:
- 通过点击顶部菜单的【查看】【命令面板】并在命令面板中输入
Create A Hap Page
即可打开功能界面,然后按提示输入所需信息 - 可以通过【文件】→【新建快应用页面】菜单打开 新建快应用页面 页面。
2.输入创建的快应用页面信息
页面标题:在标题栏显示,相当于 titlebarText,不限格式
页面路径:
左边:选择路径,默认目录为/src/, 可以点击后修改,但必须在当前项目的 src 文件夹下。否则弹框提示“根目录必须在当前项目的 src 文件夹下”。
右边:填写路径,格式为 name1/name2,不需要以/开头,路径中的文件夹名由字母、数字、_组成,长度 1-255。当默认路径为/src/ 时,右边不能为空。当默认路径不为/src/ 时,右边可以为空。
注意:
这部分格式规则较多,在填写时,红字提示格式错误。
选择模版,更多模版可以通过 开发工具插件市场 下载 页面模版,模版将会自动导入。
3.完成创建
点击完成,开发工具会自动打开新建的页面。
新建的页面将会放到用户所选择的路径下。
同时插件会自动在manifest.json中的router下的pages字段和display下的pages字段中添加页面信息。
注意:
- 这里如果用户配置了 toolkit并且修改了 sourceRoot 字段,页面的默认路径值将会相应的改变,页面路径选择输入框左边的按钮中的内容也会相应改变。