新建页面

通过本节你将学会：

• 在快应用开发工具中利用模版创建一个新的页面

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 字段，页面的默认路径值将会相应的改变，页面路径选择输入框左边的按钮中的内容也会相应改变。