《微信小程序开发电子教案1.6 教案-开发者工具界面的使用.docx》由会员分享,可在线阅读,更多相关《微信小程序开发电子教案1.6 教案-开发者工具界面的使用.docx(5页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、微信小程序开发电子教案1.6 教案-开发者工具界面的使用YOUR LOGO原 创 文 档 请 勿 盗 版第一章 微信小程序入门任务1.6 开发者工具界面的使用课时内容开发者工具界面的使用课时1教学目标菜单栏;工具栏;模拟器;编辑器;调试器。教学重难点菜单栏;工具栏;模拟器;编辑器;调试器。教学设计1.教学思路:介绍开发者工具,包括菜单栏、工具栏、模拟器、编辑器和调试器5个部分组成。2.教学手段:多媒体+计算机3.教学资料:教材、多媒体课件教学内容任务描述 开发者工具主要由菜单栏、工具栏、模拟器、编辑器和调试器5个部分组成,如图所示。一、菜单栏菜单栏中主要包括项目、文件、编辑、工具、界面、设置和
2、微信开发者工具等菜单栏,它们的下拉菜单选项,如图所示。 二、工具栏 工具栏分为左侧区域、中间区域和右侧区域。如图所示。三、模拟器模拟器面板可以切换虚拟手机型号、显示比例、模拟网络连接状态、模拟手机Home和返回键操作、音量开关、独立显示以及改变模拟器位置,如图所示。四、编辑器 编辑器主要包含项目完整的目录结构区域和代码区域,如图所示。在代码区中,只需要输入前面几个字母,就可以出现相关组件的代码提示,此时用键盘方向键选择正确的内容,然后按回车键即可全部生成。五、调试器 调试器可以在PC段预览小程序或者在手机端调试小程序时使用,用于实时查看小程序运行时的后台输出、网络状况、数据存储等内容变化,如图所示。练习