制作小程序关于工具栏模拟器、编辑器区域的使用详解，深圳小程序开发公司本文先从模拟器区域的使用说起，模拟器区域用来显示小程序界面。在小程序开发过程中，小程序界面随着代码编写可以实时变化，方便小程序的开发和调试。同时模拟器可以模拟小程序在各个终端设备上的操作效果；可以设置小程序运行的终端设备，如iPhone5、iPhone6等；设置模拟器区域的百分比大小；模拟设置Wi-Fi、2G、3G等网络连接情况，如图1.10所示。
图1.10模拟器区域
制作小程序怎样使用编辑器区域？
编辑器区域分为两部分：一部分用来展示项目文件目录和文件结构；另一部分用来进行代码编辑，如图1.11所示。
图1.10模拟器区域制作小程序怎样使用编辑器区域？
编辑器区域分为两部分：一部分用来展示项目文件目录和文件结构；另一部分用来进行代码编辑，如图1.11所示。
（1）在项目目录上单击鼠标右键可以在硬盘打开文件目录，对文件目录重新命名，
删除目录，在该目录下查找指定内容、新建文件等，如图1.12所示。
（2）在代码编辑区域里编写代码，可以通过模拟器区域，实时预览编辑的情况。修改wxss、wxml文件，会刷新当前页面（page），修改js文件或者json文件，会重新编译小程序，如图1.13所示。
（3）在代码编写过程中，开发工具提供自动补全功能。在编辑js文件时，开发工具会帮助开发者补全所有的API，并给出相关的注释解释；编辑wxml文件时，会帮助开发者直接写出相关的标签；编辑json文件时，会帮助开发者补全相关的配置，并给出实时的提示，如图1.14所示。
（4）开发工具提供自动保存功能，书写代码后，工具会自动帮助用户保存当前的代码编辑状态，直接关闭工具或者切换到别的项目，并不会丢失已经编辑的文件内容，但需要注意的是，只有保存文件，修改内容才会真实地写到硬盘上，并触发实时预览。好了，小程序制作公司本文关于“制作小程序关于工具栏模拟器、编辑器区域的使用详解”知识以及实操步骤详解就分享到这里，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/zbwzdz/1713.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
