从零开始,轻松创建你的第一个微信小程序(一)

157 阅读2分钟

前言:

从零开始,这一系列其实很早之前就有这个想法,由于手头上的项目一直还处于开发阶段,就暂时搁浅了,最近正好手里没有项目要写,就写一下自己从零开发,到现在的所得所感吧。

🔥  发本文章由猿梦_小星原创
📢 本文章主旨——讲解从零开始,创建你的第一个小程序 🙏 希望这篇文章能够给您带来帮助,给小编 点赞👍+关注🧡+收藏🚩+评论💬

一、注册小程序账号

填写相关信息,包括邮箱、密码等,按照步骤来即可完成注册。

Snipaste_2023-06-28_11-41-29.jpg

二、创建小程序

在小程序管理页面,点击左侧菜单中的“开发”选项进入开发设置页面。
在基本信息部分,填写小程序的AppID、服务器域名、业务域名等信息。
根据需要,可以设置小程序的支付、登录、模板消息等功能。

Snipaste_2023-06-28_12-10-13.jpg

 三、微信开发者工具下载

官方地址下载:微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com)

按照自己电脑版本型号下载即可,然后按步骤安装即可。 Snipaste_2023-06-28_12-02-22.jpg

四、开发小程序页面

打开微信开发者工具,微信扫码,确认登录即可。

Snipaste_2023-06-28_12-14-22.jpg

Snipaste_2023-06-28_12-18-08.jpg 如图,按需修改,需注意,按照我的设置来设置即可。

Snipaste_2023-06-28_12-20-04.jpg 创建完成,显示如下页面

Snipaste_2023-06-28_12-24-11.jpg

初始化 

刚创建的页面,有一些官方给的代码,我们来一起初始化一下:

删除所有页面,然后在page里面新建一个index页面,详细如图:

Snipaste_2023-06-28_12-28-18.jpg 在pages文件中,新进文件夹,建议名称为:index

Snipaste_2023-06-28_12-35-00.jpg 随即在新建的index文件夹中,右击,新建page即可

Snipaste_2023-06-28_12-36-53.jpg 随后编译一下,如果显示如下图,就大功告成!

Snipaste_2023-06-28_12-38-39.jpg

coffee-3567_256.gif

关注小编,下期带你介绍下微信开发者工具常用的功能,还有每个页面的介绍。