《微信小程序开发 教案 1.6 教案-开发者工具界面的使用.docx》由会员分享，可在线阅读，更多相关《微信小程序开发 教案 1.6 教案-开发者工具界面的使用.docx（4页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第一章微信小程序入门任务1.6开发者工具界面的使用课时内容开发者工具界面的使用课时1教学目标菜单栏； 工具栏； 模拟器； 编辑器； 调试器。教学重难点菜单栏； 工具栏； 模拟器； 编辑器; 调试器。教学设计1 .教学思路: 部分组成。2 .教学手段：3 .教学资料:介绍开发者工具，包括菜单栏、工具栏、模拟器、编辑器和调试器5个多媒体+计算机教材、多媒体课件教学内容任务描述开发者工具主要由菜单栏、工具栏、模拟器、不。编辑器和调试器5个部分组成，如图所一、菜单栏菜单栏中主要包括项目、文件、编辑、工具、界面、设置和微信开发者工具等菜单 栏，它们的下拉菜单选项，如图所示。二、工具栏工具栏分为左侧区域、
2、中间区域和右侧区域。如图所示。左他区域中间区域右例区域三、模拟器模拟器面板可以切换虚拟手机型号、显示比例、模拟网络连接状态、模拟手机Home 和返回键操作、音量开关、独立显示以及改变模拟器位置，如图所示。e 、3s Q j 三 Q工 ”4，UZjtJB XMZ7U* ME*4：m，“、北ytkT*j- ， i v-、,:口*rkAS TU 3M - m，2 W b x，6 2 11 -r?) l”，川之“N 伸V 3cr”扬叩但加:r*db*%0M u.oo |iprxMx 1:2 :，r,”3|“Uiyx5 27a： 41cmi(X，、”：、；，U r -.| r，八、“ m， (lV4.
3、ISA %. 6RS： ,裨： rOZa OsrNQ.四、编辑器编辑器主要包含项目完整的目录结构区域和代码区域，如图所示。 P h? s a nwa MINIFtOGRAM 1一，广 K utibjppg dppjMXlU spp.wx” pratxofifg.ca MUnMpjwn目或结构区 MPjwn XM Q 1 2 v p”：S3C50X/lMx)4 -PW$，1O”/W5 b C 77 *tarkfrnBarritlTxf: 4eliift*.19”的3yk: XL1112estyle*： Mv2*.代阴区115在代码区中，只需要输入前面几个字母，就可以出现相关组件的代码提示，此时用
4、键 盘方向键选择正确的内容，然后按回车键即可全部生成。appjson Ei index.wxml ；= 0 pages index B index.wxml 9 v1 index.wxml12 我 video2 view# voip-room夕 cover-viewa movable-view picker-view夕 picker-view-column2 scroll-view夕 web-view五、调试器调试器可以在PC段预览小程序或者在手机端调试小程序时使用，用于实时查看小程序运行时的后台输出、网络状况、数据存储等内容变化，如图所示。调武器问!i喻出姥第八 xQ Wxml Console Sources Network Memory AppData Storage Security Sensor 0： 0 0 appserwce FilterDefault levels Q练习