快速使用微信小程序开发工具

148 阅读3分钟

01-小程序的概念

小程序是一种不需要下载、安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下就能打开应用,也实现了用完即走的理念,用户不用安装太多应用,应用随处可用,但又无须安装卸载。

  • 特点:无需下载(小程序体积非常小(不超过2M),用户感知不到下载的过程)
  • 理念:用完即走(用户随时退出小程序,不需要关注小程序本身)
  • 入口:扫一扫、搜一下、群聊……

02-注册账号

开发微信小程序前首先要在微信公众平台申请一个小程序账号,通过这个账号对小程序的开发进行管理。
浏览器打开 微信公众平台 网址,点击右上角的 "立即注册" 即可进入到小程序开发账号的注册流程

  1. 选择注册的帐号类型
  2. 填写账号信息(注意:这里要注意所填写的邮箱要求曾经没有注册过小程序、服务器、订阅号。 也就是说4种账号是通的,一个邮箱只能注册一类账号)
  3. 邮箱激活(进入邮件 点击链接激活账号)
  4. 选择主体类型(自己开发娱乐选择个人即可)
  5. 主体登记信息(按照要求输入信息即可) 注意:使用自已的微信扫码将自已设置为小程序账号的管理员,将来对小程序的开发及设置进行管理。

03-获取appid

AppID 是小程序的唯一标识,在对小程序进行开发或者上线发布时都会用到 AppID,获取方式如下图所示:

image.png

04-开发前准备一下载&安装微信开发者工具

下载并安装微信开发者工具

地址:developers.weixin.qq.com/miniprogram…

微信开发者工具介绍

微信开发者工具是官方提供的专门用于微信小程序开发调试的工具,它提供的主要功能如下:

  • 快速创建小程序项目(起到脚手架的作用)
  • 代码的查看和编辑(相当于 VSCode 作用)
  • 对小程序功能进行调试(相当于浏览器作用)
  • 小程序的预览和发布

与普通的网页开发不同,小程序的开发必须要使用专门的工具: 微信开发者工具

下载

下载

安装

微信开发者工具,双击下载好的微信开发者工具,然后后根据引导下一步、下一步操作直到完成。

启动

首次打开微信开发者工具时需要先进行登录(打开手机微信扫码登录)。

05-创建一个小程序项目

  • 点击创建小程序 点击+号,新建项目
  • 然后按自己需求完善项目信息

注意:创建小程序的目录必须是空目录且当前电脑要处于联网状态。

启动小程序项目 测试项目运行

运行效果可以扫描二维码用手机查看:

image.png