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

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

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

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

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

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

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

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


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

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

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

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


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

  1. 微信开发者工具 wxmi修改模版颜色_开源免费,不错的轻量级图片批量处理工具...

    ​如果你是学生或者工作人士,学习也好,办公也好,总免不了要批量拼图截图,调节图片参数和美化. 整理&排版 | idea君 ,预计阅读时间 | 7分钟 软件作者:CNOliverZhang,如有 ...

  2. 微信开发者工具 wxmi修改模版颜色_十款高效好用的在线网页工具,提升你的办公效率...

    大家好, 我是阿毛,今天给大家推荐高效办公的10个在线网页工具,可以不用下载安装很多app,也不用在电脑上装很多软件. 在线制作精彩视频 操作非常简单,选择模板,上传照片然后点击制作等待完成就可以了! ...

  3. 微信开发者工具 wxmi修改模版颜色_如何用手机给图片添加文字、诗词或者歌词?用对工具一键轻松解决...

    如何用手机给图片添加文字.诗词或者歌词?用对工具一键轻松解决 有很多朋友有给图片添加文字的需求,但觉得给图片添加歌词,诗词等,排版非常的打脑壳,想得到好的效果就更难了.今天我就给大家分享一种简单的方法 ...

  4. 微信开发者工具 wxmi修改模版颜色_Logo设计模版与设计管理

    模版是一个很扼杀创造性的东西,它的产生也意味着设计自由的进一步退化. 做Logo模版对设计师来说是恶意的,但对设计管理者来说,这是一种提升效率的方式. 本来这篇文章很早就写好了,但最近听过黑一烊.洪卫 ...

  5. 生鲜配送管理系统_升鲜宝 V2.0 小程序辅助系统工具矩阵系列相关说明

    随着微信红利的进一步释放,使用人群的不断增加,小程序从2017年01月第一批开发者出现后,2018年小程序得到快速的提升,小程序开发的相关应用小工具得到了市场的青咪,社会化大分工.协同.共享.协作的思 ...

  6. 修改网页代码_网站建设中使用简洁规范代码的重要性

    在网站建设周期中,不是说网站上线可以正常打开就完事了,我们网站建设上线之前,还应该检查一下网站源代码是否足够规范,规范的源码才能确保网站后期不会出现一些后遗症.那么,网站建设中使用简洁规范的代码有哪些 ...

  7. 微信小程序零基础入门_第一章 小程序和开发者工具的介绍

    第一章 小程序和开发者工具的基本介绍 1.1 小程序的开发工具 微信小程序的开发者需要先通过微信公众平台注册开发者账号.在微信公众平台网页中的账号分类->小程序中有着较为详细的注册介绍,可以较为 ...

  8. windows模拟微信小程序_【原创】PC微信小程序包解密工具C#版无需root或模拟器

    本帖最后由 daimaguo 于 2020-12-25 10:18 编辑 提示:鉴于有网友回复不知道干什么用的,因此有必要重新修改一次,写上完整的使用说明,说白了就是获取线上小程序源码的辅助工具,电脑 ...

  9. python开发微信小程序-Python 开发者的微信小程序开发实践

    导读 在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...

最新文章

  1. java socket超时时间_java中socket 默认超时时间 | 学步园
  2. php中函数参数个数问题
  3. 成功的秘诀是什么_学习编码的10个成功秘诀
  4. Flex 学习站点汇总,(FLEX学习站点、博客、论坛)
  5. linux 定时执行搅拌,Linux上定时shell脚本
  6. 剑指offer-JZ30 包含min函数的栈(C++,附自己的分析)
  7. 怎么两边同时取ln_羊肉汤怎么炖才好喝?小猫教你这么做,做出来汤浓白,好喝无膻味...
  8. php 不同页面全局变量,php中全局变量在多个文件中引用问题
  9. 51nod1363 最小公倍数之和
  10. 东南亚ERP系统怎么样?
  11. django 指令  基于the django book
  12. 安装和卸载程序时总是出现2502,2503错误代码的解决方法
  13. Excel功能逻辑结构图
  14. gradle命令中api和implement的区别
  15. python凯撒密码流程图_凯撒移位密码加密算法的Python3.0实现方法
  16. [OpenCV] cv.remap() 重映射学习笔记/map1 map2易混点
  17. iOS10和Xcode8适配
  18. [DP]Apple Catching G
  19. linux控制并发运行进程数
  20. 编程机器人考级证书有用吗_中国电子学会搞的青少年机器人技术等级考试有含金量吗?...

热门文章

  1. linux下memcache安装
  2. 类的序列化[Serializable]
  3. 面向对象之多态性(基类引用可以指向子类)
  4. 阿里云ESC服务器数据快速转移至轻量应用服务器
  5. mysql 判断质数_java之判断输入的数是否为素数
  6. 67-Flutter中高德地图插件的使用
  7. log4net使用指南(转载)
  8. matlab builder for java下载,Matlab Builder JA - Compile Matlab into a Java jar - Free Version?
  9. virtualbox配置apache_virtualbox 网络配置 (转)
  10. 同步容器和并发容器的区别