从本章开始,我们将讲解微信小程序的简单开发流程,我将尽量使用简洁的语言,逐个步骤详细讲解,让大家都能跟得上,也希望和大家交流学习。

注册

首先,开发小程序需要先在微信注册。

打开网页:https://mp.weixin.qq.com/ 在下面找到小程序:

微信开发工具 怎么启动微信小程序 微信开发版小程序_小程序


将鼠标移上去之后,就能看到“点击详情”,点击该按钮:

微信开发工具 怎么启动微信小程序 微信开发版小程序_前端_02


拖到最底下,点击“前往注册”

微信开发工具 怎么启动微信小程序 微信开发版小程序_微信开发工具 怎么启动微信小程序_03


下面就是开始小程序的注册。(要注意以下箭头所示,一个邮箱仅能申请一个小程序)

微信开发工具 怎么启动微信小程序 微信开发版小程序_微信开发工具 怎么启动微信小程序_04


在邮箱上激活小程序账号

微信开发工具 怎么启动微信小程序 微信开发版小程序_前端_05


信息登记下:我们可以选择“个人”填写主体信息登记,按照上页面提示如实填写,必须实名填写。

微信开发工具 怎么启动微信小程序 微信开发版小程序_小程序_06


下图因为我已注册,在网上找的图

微信开发工具 怎么启动微信小程序 微信开发版小程序_小程序_07


然后一直点击继续即可。

成功后,就会登录到你的小程序首页。

后续也可以在首页微信扫码选择小程序登录。

按自己的想法填写小程序的相关信息

微信开发工具 怎么启动微信小程序 微信开发版小程序_WXSS_08


也可以添加开发者,但本文中为单独开发,故先不介绍。

至此,小程序的注册大致已经完成。

开发工具的下载

下载开发工具地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

主要注意的是,最新版本不支持win7平台了,需要低版本点击此, 本文也是使用此版本的开发工具。

微信开发工具 怎么启动微信小程序 微信开发版小程序_小程序_09


下载完成后,进行安装。

新建工程

开发者工具安装完成后我们就可以将其打开,初次打开会需要用微信扫码登录,如下图,用手机微信(管理员或者开发者)扫一扫后确认登录就可以了。


点击红色框区域开始新建小程序

微信开发工具 怎么启动微信小程序 微信开发版小程序_微信小程序_10


这里开始前,我们需要在第一步中的网页注册上找到Id:

点击红色区域

微信开发工具 怎么启动微信小程序 微信开发版小程序_WXSS_11


此处就是id,复制下来

微信开发工具 怎么启动微信小程序 微信开发版小程序_微信开发工具 怎么启动微信小程序_12


填写新建项目内容,红色边框位置最好和我选择一样的内容,我们先不使用云服务:

微信开发工具 怎么启动微信小程序 微信开发版小程序_微信开发工具 怎么启动微信小程序_13


创建工程后如下图所示,为大家简单介绍。

微信开发工具 怎么启动微信小程序 微信开发版小程序_前端_14


下章我们就实际的例子来讲解学习如何开发。