前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序设置预览页面的三种方式

微信小程序设置预览页面的三种方式

作者头像
喜欢天文的pony站长
发布2020-12-18 14:39:11
2.9K0
发布2020-12-18 14:39:11
举报
文章被收录于专栏:RabbitMQ实战

在开发微信小程序的过程中,我们需要实时预览代码呈现的效果。在默认的情况下,每次保存编译之后,展现的都是/pages/index/index页面,而不是我们期望预览的页面,需要手动进行点击跳转,影响开发效率。那么有没有方法可以将我们当前开发的页面设置为自动预览页呢?有多少种方法?

微信开发者工具设置预览页面的三种方式

  1. (不推荐)app.json中设置pages属性数组的顺序,将需要预览的页面路径设置为第一个。
  2. (不推荐)app.json中设置entryPagePath属性值为需要预览的页面路径。
  3. (推荐) 在开发者工具内设置编译模式。

目标: 将pages/suggestion/suggestion设置为编译预览页面。

一、(不推荐)app.json中设置pages属性数组的顺序,将需要预览的页面路径设置为第一个
  • 设置方式:

image.png

  • 缺点:
    • 每次调整页面都需要手动调整代码,如果上线的时候没调整过来会有风险。
    • 会打乱页面的正常顺序。
    • 在多人开发的情况下,每次merge的时候需要调整为index页,否则会冲突。
    • 无法传递参数
二、(不推荐)app.json中设置entryPagePath属性值为需要预览的页面路径
  • 设置方式

image.png

  • 缺点:
    • 每次调整页面都需要手动调整代码,如果上线的时候没调整过来会有风险。
    • 会打乱页面的正常顺序。
    • 在多人开发的情况下,每次merge的时候需要调整为index页,否则会冲突。
    • 无法传递参数
  • 如果不填,将默认为 pages 列表的第一项
三、(推荐) 在开发者工具内设置编译模式
  • 设置方式:
  • 使用:
    • 选择刚才设置的编译模式

image.png

  • 优点:
    • 不会产生安全问题。
      • 不会与别人的代码发生冲突。
      • 不入侵代码。
    • 可携带页面路径参数。
    • 可模拟进入场景。

欢迎在评论区留下你看文章时的思考,及时说出,有助于加深记忆和理解,还能和像你一样也喜欢这个话题的读者相遇~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-12-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 喜欢天文 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 微信开发者工具设置预览页面的三种方式
    • 一、(不推荐) 在app.json中设置pages属性数组的顺序,将需要预览的页面路径设置为第一个
      • 二、(不推荐) 在app.json中设置entryPagePath属性值为需要预览的页面路径
        • 三、(推荐) 在开发者工具内设置编译模式
        相关产品与服务
        云开发 CLI 工具
        云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档