微信开发者工具 wxmi修改模版颜色_网站建设公司讲解：微信小程序的开发者工具界面...

网站建设公司深圳市博纳网络信息技术有限公司()讲解：微信小程序的开发者工具界面

创建项目后，进入到微信开发者工具界面，界面大致可以分为6个区域：①菜单栏区域，②模拟器、编辑器、调试器显示与隐藏区域，③模拟器区域，④编辑器区域，⑤调试器区域，⑥工具栏区域，

①菜单栏区域：包含项目、文件、编辑、工具、界面、设置、微信开发者工具菜单。②模拟器、编辑器、调试器显示与隐藏区域：是用来控制模拟器区域、编辑器区域、调试器区域的显示与隐藏的便捷操作按钮。③模拟器区域：用来显示小程序项目的界面。

④编辑器区域：用来进行代码编写的区域。

⑤调试器区域：用来进行调试的区域。⑥工具栏区域：包含编译、预览、远程调试、切后台、清缓存、上传、测试、腾讯云、详情工具栏按钮。

模拟器区域用来显示小程序界面。在小程序开发过程中，小程序界面随着代码编写可以实时变化，方便小程序的开发和调试。同时模拟器可以模拟小程序在各个终端设备上的操作效果；可以设置小程序运行的终端设备，如iPhone5、iPhone6等；设置模拟器区域的百分比大小；模拟设置Wi-Fi、2G、3G等网络连接情况，

编辑器区域分为两部分：一部分用来展示项目文件目录和文件结构；另一部分用来进行代码编辑。

(1)在项目目录上单击鼠标右键可以在硬盘打开文件目录，对文件目录重新命名，删除目录，在该目录下查找指定内容、新建文件等，

(2)在代码编辑区域里编写代码，可以通过模拟器区域，实时预览编辑的情况。修改wxss、wxml文件，会刷新当前页面(

页面(page)，修改js文件或者json文件，会重新编译小程序，

(3)在代码编写过程中，开发工具提供自动补全功能。在编辑js文件时，开发工具会帮助开发者补全所有的API，并给出相关的注释解释；编辑wxml文件时，会帮助开发者直接写出相关的标签；编辑json文件时，会帮助开发者补全相关的配置，并给出实时的提示，

(4)开发工具提供自动保存功能，书写代码后，工具会自动帮助用户保存当前的代码编辑状态，直接关闭工具或者切换到别的项目，并不会丢失已经编辑的文件内容，但需要注意的是，只有保存文件，修改内容才会真实地写到硬盘上，并触发实时预览。