打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
[干货集]小程序IDE使用指南

1. 首先从小程序官网(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)下载对应系统的IDE,目前最新的版本是0.10.102800


2. 安装并打开IDE,以下以Mac系统版本为例讲解。首先我们需要创建一个新项目,并输入AppID(登陆微信小程序后台,进入设置 → 开发者设置中查看),如果你没有注册小程序请点击无AppID,注意:无AppID将无法真机调试


3. 点击添加项目后,可以看到IDE的左边栏有2个按钮:编辑、调试和项目。点击编辑进入小程序代码的编写,整个IDE横向又分为三个区域:最左边是一个模拟器,可以选择不同的手机型号以适配不同的分辨率;编辑好代码之后点击左下角的编译按钮,最新的效果会显示在这里。

4. 点击调试,进入调试区域,右边是日志区,会实时显示小程序运行过程中打印的日志,左下角的按钮可以清理缓存。


5. 点击项目,这里显示了小程序的一些基本信息,如果你有AppID,点击预览会显示一个五分钟之内有效的二维码,手机扫描即可体验小程序;点击上传则把代码上传到后台(公测期间还不支持发布)。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
微信小程序开发文档和工具的使用方法
微信小程序教程入门篇 (1):10分钟从0开始写一个hello world,极其详细
前端萌新该如何入门免费小程序开发?方法都在这儿了
【初学者篇】微信小程序开发前需要做哪些准备工作
小程序•小故事(2)——代码片段
小程序开发工具与基础之环境搭建与工具
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服