微信小程序开发工具安装详解

从事java后端工作的程序员,为了不让自己技术落伍,或多或少应该要了解一点前端技术,特别是时下比较火爆的微信小程序,它有取代手机原生app的趋势。

本人对微信小程序是零基础认识,下面记录一下微信小程序开发者工具安装过程。

一、百度搜索“微信公众平台”

微信小程序开发工具安装详解

 微信公众平台官司一般情况下百度搜索结果会排在第一,如图所示。

微信小程序开发工具安装详解

 二、进入官方页面后,鼠标移到右边的小程序,点击“小程序开发文档”链接。

微信小程序开发工具安装详解

微信小程序开发工具安装详解

三、继续点击“工具”图标,在出现的页面点击“微信开发者工具”链接。

微信小程序开发工具安装详解

 

四、在出现的页面,结合自己的操作系统版本下载相应的安装包。

微信小程序开发工具安装详解

 

五、下载完成后得到名为wechat_devtools_1.02.1911180_x64.exe的安装文件,双击进行安装。

微信小程序开发工具安装详解

 

在安装向导窗口点击“下一步”按钮,继续

微信小程序开发工具安装详解

点击“我接受”按钮,继续。

微信小程序开发工具安装详解

 

保留默认的安装位置,点击“安装”按钮进行安装。

微信小程序开发工具安装详解

 

正在安装

微信小程序开发工具安装详解

 

安装完成了!

微信小程序开发工具安装详解

 

六、安装完成后桌面会生成“微信开发者工具”快捷方式,双击运行。

微信小程序开发工具安装详解

 

如果出现防火墙拦截,则允许访问。

微信小程序开发工具安装详解

 

工具窗口界面,如图所示。

微信小程序开发工具安装详解

至此,安装完成。从窗口界面来看,应该需要采用个人微信进行扫描才能使用吧。