微信小程序开发-教案-1.5-教案-小程序的开发工具.docxVIP

第一章微信小程序入门任务1.5小程序的开发工具

课时内容

小程序的开发工具

课时

1

教学目标

下载开发工具；安装开发工具；开发者工具的登录。

教学重难点

下载开发工具；安装开发工具；开发者工具的登录。

教学设计

.教学思路：介绍下载开发工具、安装开发工具、开发者工具的登录。。

.教学手段：多媒体+计算机

.教学资料：教材，多媒体课件

教学内容

一、下载开发工具

在完成准备工作之后就可以进行小程序的开发了，小程序具有官方提供的专属开发工具一

-“微信开发者工具”，简称“开发者工具”。

打开页面，找到“小程序一开发”一“下载”一“工具”栏，进入微信开发者工具下载界面，如图所示。

??做信官方如?

??做信官方如?小程序V

社区

晨犯m祝?代码

晨犯

m

祝?

代码

小座9强送

开发?助

小网序，动化

TRIM

APICSUI9

下0

nu?ae

Wrdows64?Win^ow532、nucOS预发布版RCBuild(1.05,2106091)

WJgsW.Windows乂.nwcOSHStfNightlyBuild(1.0S.2107072)

W^dom64.Windows32.macOS金部更新日志

用户根据自己的实际情况选择对应的下载地址。在这里以Windows64版本为例，进行下载，下载完成后用户会获得一个EXE应用程序文件，如图所示。

下载□Q…O

Twechat.devtools1.05.2106300.x64.exe3.3MB/s-42.9MB/121MB,剩余23秒

该图中的“1.05.2106300”为软件版本号，“_x64”表示Windows64位软件。用户可以根据文件名再次确认是否下载了正确的版本。二、安装开发工具确认下载版本无误后，双击该文件进行开发者工具的安装，安装过程如图所示。1052106300-X齿（1不友?工只I06210W00之前,岛号加松条依?移174）同4.便双梅似■的

该图中的“1.05.2106300”为软件版本号，“_x64”表示Windows64位软件。用户可以根据文件名再次确认是否下载了正确的版本。

二、安装开发工具

确认下载版本无误后，双击该文件进行开发者工具的安装，安装过程如图所示。

1052106300-X

齿（1不友?工只I06210W00之前,岛号加松条依?

移174）同4.便双梅似■的

?tt公众斗七范贯?2》,*

双俚体便网AM公众平开*?*努？力#用点咬后卦，体山“或不温中”CM公众单日开发??奇愉似〉（以下海埠?本?威）.以*号H*?汴均及■彩协7》??由1公众千日詹0冷?本俗统WW*3i为法。及《■由信信心?亦可及■号力做）?的讣克明矍可分的皿庆■分，马■怜虱场一1惨?本怫议与上世内后存在g的-□**????

?4Jf——A?U-?M*—?.■X4O19X8—.6H韩藏教肄2崛即/豳0盛黑注度蒸摞*sr

上fD

QA（C）

1052106300M-X

堡flWtffxaiMI062txm费刑期文件类?

斗以器本叫盥隔卷黑、霜器肺.幡脚X.

■6开发者工H1052106)00

幽1开次畲工?iaJimjoo王04b**??

目录：C\F。-fil”Gtt八开文?工m\

自锋文Q案

19JBFE/EWklMffmMr曝（）

用W65?

耳闻交网421，。

皿目录76?09后?,~^而—Vtts”楞淇9工?二工\?4;

budklrg”e7jsb■■?$*V?.,1r9,Serserj.

ttll?“u$4weq*Tr9“4rw?rjt

MilmiVerlrTdBMbtf?tkTrMtfwverj?

AHliM**i?rTr?M(?r?rjt

用用■■?《?F.tkTrjt

Nit!wrlF?HJrmifwvrjt

16^目录C:\fr?0TMfilesGlM)tTeM9t\0fl”?V^友?工具

博用vtiXajtm

三、开发者工具的登录安装完毕后，就会在桌面上有一个“微信开发者工具”的图标。

微信web开发者工具在使用开发者微信账号登录后，才可以进入小程序的开发者工具进行开发。双击“微信开发者工具”图标，弹出二维码扫描页面，如图所示。

微信开发者工具

游客模式

开发者用手机微信扫描PC端二维码进行身份确认，单击手机微信右上角的加号出现的下拉菜单，选择“扫一扫选项进行二维码扫描；扫码成功后跳转到“微信登录”的提

示页面，单击“确认登录”按钮即可,如图所示。

示页面，单击“确认登录”按钮即可,

如图所示。

???微信开发者工具

取消扫描成功

游客模式登录后的界面