随着微信小程序越来越普及，人员们也在不断地寻求更高效且方便的方式。是一款由的跨平台工具，可以同时支持小程序、5、等多种平台的。那么，当使用微信小程序时，怎么进行调试呢？下面就来详细介绍一下。
小程序的运行环境分成渲染层和逻辑层，其中 模板和 样式工作在渲染层， 脚本工作在逻辑层。
小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了 进行渲染；逻辑层采用线程运行脚本。一个小程序存在多个界面，所以渲染层存在多个线程，这两个线程的通信会经由微信客户端（下文中也会采用来代指微信客户端）做中转，逻辑层发送网络请求也经由转发，小程序的通信模型下图所示。
注意事项⚠️：
微信客户端在打开小程序之前，会把整个小程序的代码包下载到本地。多数 的回调都是异步，需要处理好代码逻辑的异步问题。
在使用进行微信小程序之前，需要先安装微信者工具。因为微信小程序使用的是微信者工具来进行和调试的。在安装完成后，可以创建一个新的小程序项目，即可得到一个以便进行。
或者通过 创建微信小程序，并调用微信者工具进行调试。
2.1 个性化小程序
什么是个性化小程序呢？就是不同的，不同的导航栏，展示和普通小程序不一样的效果，这个中间凸起的 我们可以使用里边的，也可以自己去定义一个。
2.2 时如何调用
相信大家都知道微信小程序需要配置服务器域名，而且服务器域名必须是 开头，拥有证书，域名经过备案等等… 难道我们时就要提前设置好吗？
也不一定，如果我们，或者客户在起初并没有给到我们域名的时候，我们可以微信者工具里，勾选不校验合法域名、(业务域名)、版本以及证书 ，然后利用我们的局域网 地址就可以轻松进行，这是你就要分开环境了，我们的环境和生产环境！
2.3 微信小程序常用组件库
2.3.1
是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。
优点：引入简单，建议简单项目和新手使用。缺点：组件较少。
效果地址
文档
地址
2.3.2
是有赞端组件库 的小程序版本，两者基于相同的视觉规范，提供一致的 接口，助力者快速搭建小程序应用。
最近一次更新版本1.10.0，日期2025-12-21，有专门的维护团队和社区。
推荐原因： 是有赞前端团队开源的端组件库，于 2025 年开源，已持续维护多年时间。 对内承载了有赞所有核心业务，对外服务十多万者，是业界主流的端组件库之一。
目前 官方提供了 2 版本、 3 版本和微信小程序版本，并由社区团队维护 版本和支付宝小程序版本。50+组件
优点：组件丰富。缺点：因为版本更新，造成官网上存在部分内容更新不及时，对新手不太友好。
地址
文档/效果地址
2.3.3
是由 发布的组件库，一套高质量的微信小程序 组件库。
最近一次更新版本2.0.0，日期2025-07-28
地址
文档
效果地址需要在文档地址中通过微信小程序的方式体验。
2.3.4
鲜亮的高饱和色彩，专注视觉的小程序组件库。
地址
展示地址
文档参考: 暂未找到官网地址，有一篇使用教程推荐 配合
2.3.5
80+ 丰富的组件，能够满足端的基本需求。
最近一次版本更新是3.8.8，日期：2025-04-12
地址
文档
2.3.6
是一款基于 框架的多端 组件库。一套组件可以在 微信小程序，支付宝小程序，百度小程序，5 多端适配运行（ 端暂不支持）,但需要学习编译工具。
使用 ，我们可以只书写一套代码，再通过 的编译工具，将源代码分别编译出可以在不同端（微信小程序、5、等）运行的代码。
地址
文档/效果地址
2.3.7
是基于微信小程序自定义组件特性而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架，各种小程序组件主流框架等。
下一步就是创建一个项目。可以在官网上下载的工具，并进行安装。在安装完成后，可以通过“新建项目”来创建一个新的项目。其中，需要注意选择小程序作为平台，同时输入之前得到的和项目名称等相关信息。
① 配置文件，配置微信小程序。
微信小程序 哪里来？ 登录微信公众平台，管理 --> 设置中
或者通过申请测试生成微信小程序测试。
② 运行微信小程序需要配置 配置者工具路径，这样 才知道去哪里打开微信者工具。
③ 配置到此结束，还需要配置微信者工具，不然是会运行失败的。
开启微信者工具中的服务端口：
4.1 启动微信者工具
在完成以上两个步骤之后，就可以打开微信者工具进行调试了。点击微信者工具中的“小程序”选项，并选择在之前创建的-项目的根目录下进行调试。
4.2 调试-页面
在微信者工具中，可以直接在左侧进行文件的编辑和保存。并且，当页面的代码发生变化时，者工具会自动地进行更新。此外，可以在右上角的“真机调试”选项中，选择需要进行调试的机型和网络类型等信息。
4.3 调试-组件
当在页面中进行组件的调试时，需要注意一些问题。首先，在组件中的代码调试时，可以使用中提供的一些工具来进行操作，例如“”选项可以直接进入组件的编辑页面。其次，在使用组件时，需要注意组件名的大小写问题。因为微信小程序只支持小写字母来表示组件名称。
到这里我相信基础的小程序部分大家都已经很了解了，那么小程序马上上线需要哪些资料呢？
5.1 配置小程序关联信息(微信公众关联小程序)
为什么要说配置小程序关联公众呢？
因为在的过程中，遇到过一个客户问怎么获取用户的 ，但是我们的小程序并没有关联过任何公众，公众平台，所以要提前确认一下需求；
获取 的条件？
如果者拥有多个应用、网站应用、和公众帐（包括小程序），可通过 来区分用户的唯一性，因为只要是同一个微信开放平台帐下的应用、网站应用和公众帐（包括小程序），用户的 是唯一的。换句话说，同一用户，对同一个微信开放平台下的不同应用，是相同的。
5.2 配置小程序主体信息
为什么要提前配置小程序主体信息呢？ 看下图
上面的截图是我们的一个已经上线的小程序， 小程序发布后，非个人类帐可通过认证方式改名。所以我们在上线前最好把能配置的都配置一下，避免上线以后再去更改审核时间长、需要资料多等麻烦事儿！
5.3 配置服务器域名
上面说了我们在时候可以通过 来调用 后端大哥的 ，那么上线以后肯定是不行了；因每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名进行网络通信。包括普通 请求（）、上传文件（）、下载文件（) 和 通信（）。
5.4 发布上线流程
聊到这里，不知不觉的，我们的小程序已经准备上线了，我分几步给大家展示
① 点击 工具栏中的发行
这一步会帮我们打包一下我们写的代码，压缩一积，毕竟微信小程序的代码包只能是 2大小，如果主包太大，就要考虑分包处理了
②点击微信者工具中的 上传 按钮.。
③ 这个时候我们就可以去微信公众平台，登录我们的小程序者账户查看体验版小程序。
这里我们就要注意一下，此时的体验版小程序已经可以正常的给测试大哥做真机测试了
④ 终于到了申请提交审核，正式发布
这一步很简单，直接提交审核，但是我们接下来需要录入部分资料来供我们的审核人员测试。
点击继续提交，如果第一次提交的朋友需要验证 用户隐私保护指引设置。
如果是第一次提交审核，这个页面之前还有一个 复用资质或者填写资质的页面，大家留意一下就好了，然后提交审核，等待审核通过就可以啦~~~
审核时间多久呢？
这个30分钟至一天不等吧，我第一次审核的时间大概是一个小时，后边每次30分钟左右，还是很快的！
应用小程序时，要注意其与、时的语法差异。
插件使用差异性：中表单定义若无标题定义，可定义为，但是在小程序中会识别为类型。建议❤️：若为空的话，直接去除该属性定义。
动态样式： 需要修改为 ;样式设置：小程序不支持类深度选择;
在使用-进行微信小程序的时，调试是非常重要的一步。通过以上的操作，可以快速且高效地进行代码的和调试，以保证项目的正常进行。当然，作为一名人员，还需要不断地学习新的技术和掌握更多的方法，才能更好地推动软件行业的发展。
《微信者工具》《腾讯微信小程序文档》《跨平台应用进阶(六十二)：如何把 - 项目转换成小程序》《跨平台应用进阶(六十四)：微信小程序技术栈原生 跨平台》
