微信小程序开发(基础)——微信web开发者工具的下载与安装

前言

微信提供了小程序的官方开发工具—微信开发者工具,当然,这个微信开发者工具 还可以用来调试运行在微信上的网页以及微信JS-SDK。
微信开发者工具官方下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
注意,Windows版本的仅支持window7及以上版本。

下载与安装

点击相应的系统的版本下载即可,我的是Windows64位。

微信小程序开发(基础)——微信web开发者工具的下载与安装_第1张图片

等待下载

微信小程序开发(基础)——微信web开发者工具的下载与安装_第2张图片

下载完毕点击打开,安装的过程也很简单,只需点击下一步即可

微信小程序开发(基础)——微信web开发者工具的下载与安装_第3张图片
微信小程序开发(基础)——微信web开发者工具的下载与安装_第4张图片

如果嫌下载到默认(c盘)占内存可以点击浏览自定义下载地址

微信小程序开发(基础)——微信web开发者工具的下载与安装_第5张图片

等待大约一两分钟就下载好了
运行程序,出现登录界面,用手机微信扫码登录,然后在手机上点击确认。就可以登录了。

微信小程序开发(基础)——微信web开发者工具的下载与安装_第6张图片

这样就可以创建小程序啦

微信小程序开发(基础)——微信web开发者工具的下载与安装_第7张图片

获取AppID

地址:搜索微信公众平台登录后点击开发/开发设置/开发者ID
或者点击超链接地址:点击获取开发者ID

注释:

appid是小程序的身份证号码,是微信公众平台上的小程序ID,有了它,微信客户端才能确定你的小程序“身份”,并使用微信提供的高级接口。
微信小程序开发(基础)——微信web开发者工具的下载与安装_第8张图片

点击+号创建项目

微信小程序开发(基础)——微信web开发者工具的下载与安装_第9张图片

出现如下界面

微信小程序开发(基础)——微信web开发者工具的下载与安装_第10张图片

生成项目目录代表意义

微信小程序开发(基础)——微信web开发者工具的下载与安装_第11张图片

界面介绍

微信小程序开发(基础)——微信web开发者工具的下载与安装_第12张图片

总结

这篇博客到此就结束了
下一篇写:创建云函数,选择环境,创建集合,上传并部署等知识记得来看。

你可能感兴趣的:(微信小程序开发)