ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

微信小程序(1)- 小程序开发工具

2026/9/23 8:08:35 拓冰建站 浏览量
微信小程序(1)- 小程序开发工具

1. 小程序开发工具下载

地址:官网
在这里插入图片描述

  1. 微信小程序账号只要开发者满足开发资质都可以进行注册,并且会获得对应的 开发者 ID。
  2. 一个完整的开发者 ID 由 小程序 ID(AppID)和一个 小程序密钥(AppSecret)组成。
  3. 小程序 ID 是小程序在整个微信账号体系内的唯一身份凭证,后续在很多地方都会用到,
    例如:新建小程序项目、真机调试、发布小程序等操作时,必须有小程序 ID。
  4. 小程序密钥 是开发者对小程序拥有所有权的凭证,在进行 微信登录、微信支付,或进行发送消息等高级开发时会使用到。

2. 创建小程序项目

  1. 打开微信开发者工具,左侧选择小程序,点击 + 号即可新建项目
  2. 在弹出的新页面,填写项目信息
    在这里插入图片描述

3. 文件和目录结构介绍

一个完整的小程序项目分为两个部分:主体文件、页面文件。

3.1 主体文件

主体文件又称全局文件,能够作用于整个小程序,影响到小程序的每个页面,主体文件必须放到项目的根目录下
主体文件由三部分组成:

  1. app.js:小程序入口文件
  2. app.json:小程序的全局配置文件
  3. app.wxss:小程序的全局样式

注意事项:主体文件的名字必须是 app,app.js 和 app.json 文件是必须的。
在这里插入图片描述

3.2 页面文件

页面文件是每个页面所需的文件,小程序页面文件都存放在 pages 目录下,一个页面一个文件夹。
在这里插入图片描述

3.3 如何调试小程序

在这里插入图片描述

  • wxml:查看结构和样式
  • console:JS控制台打印
  • NetWork: 网络通信
  • AppData: 页面数据
  • Storage: 本地存储

注意:
微信开发者工具缓存非常严重。如果发现代码和预期不一样,先点击编译,编译后还是没有达到预期的效果,就需要清除缓存 甚至重启项目才可以。

3.4 基础库版本

在这里插入图片描述
有时候我们需要关注微信基础库版本。微信基础库是指小程序的运行环境,给小程序提供了运行所需的各种 API 和工具,以及基础框架和运行逻辑等。

小程序开发者可以在微信开发者工具中选择所需的微信基础库版本,作为运行和调试小程序时的运行环境。

每个小程序有自己所允许使用的基础库最低版本要求,开发者需要选择要兼容的基础库版本,从而确保小程序的功能正常运行。