微信小程序开发环境的搭建(详细)

微信小程序已经流行很久了,所以根据官方文档写过一个小demo,先了解一下小程序是如何在微信上跑起来的。

参考资料是查看微信官网上的,已经写得很全面了。

微信公众平台小程序接入指南:https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=2018312

首先下载开发工具:

微信小程序开发环境的搭建(详细)

官方下载链接:win64位win32位mac

下载之后,打开工具:

微信小程序开发环境的搭建(详细)

登录过后,是这个样子的:

微信小程序开发环境的搭建(详细)

我们先指定一个项目目录,然后注册一个新的小程序。经过填写一大堆信息注册之后,点击开发设置中,找到appId并复制。

微信小程序开发环境的搭建(详细)

然后按照小程序填写AppID,然后起一个项目名称,点击确定

微信小程序开发环境的搭建(详细)

确定之后,就进入到这个基本页面:

微信小程序开发环境的搭建(详细)


开发之后,点击预览按钮,然后把这个图片复制到手机上识别二维码,或者直接识别二维码:

微信小程序开发环境的搭建(详细)

识别后,得到小程序:

微信小程序开发环境的搭建(详细)

然后我们可以在小程序中找到此开发程序:

微信小程序开发环境的搭建(详细)


小程序开发流程这么容易上手,赶快开发属于自己的小程序吧!