多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
### 技巧总结 ![](https://img.kancloud.cn/e1/42/e142ca043eb3adb9dc042cdf4ee3dd3d_844x823.png) * [ ] 1、如何快速的新增小程序页面 正如打开测试者的小程序的项目,app.json如图所示 ![](https://img.kancloud.cn/2c/56/2c565c5943b9b8b254c18501bfe396b1_1058x519.png) 图中,app.json文件中,字段pages下面有2个文件路径,分别是logs和index,对应左侧pages文件夹下确实有这2个文件夹。如果我们要新增一个页面,正常情况下是,打开微信开发者工具,在资源管理区,在pages目录上右键,新建,如图 ![](https://img.kancloud.cn/ce/a7/cea7dacbcd8a3bbf56bbdd7edd1c2c1f_866x557.png) 比如我们新建一个一个home页面,照着index目录,需要新建home文件夹,然后在其下面新建各种文件js,wxss,wxml文件等等,这样太麻烦,可这样操作,如动图 ![](https://img.kancloud.cn/8c/c3/8cc3c7ea0eadd9d95d5540a41a793f6a_868x469.gif) 可以在app.json下的pages字段中路径复制一个,修改为"pages/home/home",然后保存,可以看到开发者工具,自动会给我们补全其他所有的文件,成功后打开home,发现下面已经存在各个文件。 如果我们在VSCode进行这样的操作,发现并没有这个效果,因为这个效果是由开发者工具完成,其他IDE编辑并没有这个效果。 **注意:** 1、如果我们已经新建了页面,如果我们想删除这个页面,在开发者工具的app.json进行如下操作,发现并没有预期的效果, ![](https://img.kancloud.cn/6a/d7/6ad757237d44b75c2206a3125ebcefb9_735x324.gif) 2、pages字段下的第一个页面路径就是我们看到的小程序的第一个页面,如果,我们把其他路径放到第一个位置,就会显示第一个未知的页面,如图所示,恢复原样,只需把原先的第一个页面放到第一个位置。 ![](https://img.kancloud.cn/c0/8d/c08da5d263489afcd43d2c9cd4275eff_1317x675.gif) * [ ] 2、技巧二,全局配置文件app.json的编辑,建议用微信开发者工具 使用微信开发者工具,编辑全局配置文件app.json,会发现会有代码提示,这样记不住的属性,会有工具提示,编辑更方便。 * [ ] 3、技巧三,如果使用开发者工具,编辑文件,由于失误导致某些文件丢失,比如将demo页面下的demo.js文件内容删除了,这时可以直接使用开发者工具中的上面工具栏中的编译按钮,工具会自动补全缺失的文件,以及文件内容,当然也可以使用VSCode的扩展插件,比如minapp,在编辑demo.js文件,输入page,会发现插件给了很多提示,选择wx-page,发现自动补全了,只是可能提示补全不完整或者没有注释,毕竟开发者工具内有包含API的内置工具包。