网站建设公司深圳市博纳网络信息技术有限公司()讲解:微信小程序的开发者工具界面
创建项目后,进入到微信开发者工具界面,界面大致可以分为6个区域:①菜单栏区域,②模拟器、编辑器、调试器显示与隐藏区域,③模拟器区域,④编辑器区域,⑤调试器区域,⑥工具栏区域,
①菜单栏区域:包含项目、文件、编辑、工具、界面、设置、微信开发者工具菜单。②模拟器、编辑器、调试器显示与隐藏区域:是用来控制模拟器区域、编辑器区域、调试器区域的显示与隐藏的便捷操作按钮。③模拟器区域:用来显示小程序项目的界面。
④编辑器区域:用来进行代码编写的区域。
⑤调试器区域:用来进行调试的区域。⑥工具栏区域:包含编译、预览、远程调试、切后台、清缓存、上传、测试、腾讯云、详情工具栏按钮。
模拟器区域用来显示小程序界面。在小程序开发过程中,小程序界面随着代码编写可以实时变化,方便小程序的开发和调试。同时模拟器可以模拟小程序在各个终端设备上的操作效果;可以设置小程序运行的终端设备,如iPhone5、iPhone6等;设置模拟器区域的百分比大小;模拟设置Wi-Fi、2G、3G等网络连接情况,
编辑器区域分为两部分:一部分用来展示项目文件目录和文件结构;另一部分用来进行代码编辑。
(1)在项目目录上单击鼠标右键可以在硬盘打开文件目录,对文件目录重新命名,删除目录,在该目录下查找指定内容、新建文件等,
(2)在代码编辑区域里编写代码,可以通过模拟器区域,实时预览编辑的情况。修改wxss、wxml文件,会刷新当前页面(
页面(page),修改js文件或者json文件,会重新编译小程序,
(3)在代码编写过程中,开发工具提供自动补全功能。在编辑js文件时,开发工具会帮助开发者补全所有的API,并给出相关的注释解释;编辑wxml文件时,会帮助开发者直接写出相关的标签;编辑json文件时,会帮助开发者补全相关的配置,并给出实时的提示,
(4)开发工具提供自动保存功能,书写代码后,工具会自动帮助用户保存当前的代码编辑状态,直接关闭工具或者切换到别的项目,并不会丢失已经编辑的文件内容,但需要注意的是,只有保存文件,修改内容才会真实地写到硬盘上,并触发实时预览。