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

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

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

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

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

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

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

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

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

d6503700784ec7fc4e10ffc0a297870c.png

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

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

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

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

52cb8aa021fbbc6fb9ba87363645c793.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/427562.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

面向接口编程详解

博文地址: 思想基础 http://www.cnblogs.com/leoo2sk/archive/2008/04/10/1146447.html 编程实例 http://www.cnblogs.com/leoo2sk/archive/2008/04/11/1148236.html 模式研究 http://www.cnblogs.com/leoo2sk/archive/2008/04/14/1151569.html转载于:https://www.…

【微信小程序】数组操作

Page({data: {list:[{id:1,name:应季鲜果,count:1},{id:2,name:精致糕点,count:6},{id:3,name:全球美食烘培原料,count:12},{id:4,name:无辣不欢生猛海鲜,count:5}]} }) 一、向前向后新增数组 //假设这一段是我们要新增的数组 var newarray [{id:5,name:向后增加数据--new Dat…

cocos 禁掉快速点击_win10系统快速运行debug程序的技巧

win10系统快速运行debug程序的技巧dosBox和程序对很多用户来说都是非常陌生的,其中debug对用户来说亦是如此,其实debug程序是开发工具中的一种,作为系统中预装的开发工具在系统中存在自然会有它的用处。但是在平时需要使用的时候并没有快速能…

shell 文件内容替换 sed用法

调用sed命令有两种形式:sed [options] command file(s)sed [options] -f scriptfile file(s)删除:d命令 $ sed 2d example-----删除example文件的第二行。$ sed 2,$d example-----删除example文件的第二行到末尾所有行。$ sed $d example-----删除exam…

js 利用事件委托解决mousedown中的click

有一个需求是这样的&#xff1a; 父元素div绑定一个mousedown事件&#xff0c;子元素a绑定一个click事件。 看解构&#xff1a; <div id"nav"><a href"javascript:void(0);">点我</a></div>搜了很多相关的都没有解决办法&#xff…

带孩子们做环球旅行的读后感_父母带孩子做心理咨询,需要注意哪些事项?

最近&#xff0c;带孩子来做心理咨询的父母接踵而至&#xff0c;但是很多时候&#xff0c;父母可能无意识会有一些影响心理咨询与治疗的效果的行为&#xff0c;对于他们来说&#xff0c;可能需要注意这几点&#xff1a;1、守时心理咨询需要精力与时间&#xff0c;一般咨询师为了…

OpenCV函数cvFindContours

提取轮廓在OpenCV里有一个函数 cvFindContours&#xff1a;int cvFindContours( CvArr* image, CvMemStorage* storage, CvSeq** first_contour,int header_sizesizeof(CvContour),int modeCV_RETR_LIST,int methodCV_CHAIN_APPROX_SIMPLE, CvPoint offsetcvPoint(0,0) );这个函…

table tr th td

控制th 宽度相同&#xff1a; table{display: -webkit-box;table-layout:fixed; border: none;max-width:120%;min-width:100%;} table tbody tr th{ width:200px !important; border:1px solid #333;} td{border:1px solid #333;}控制 俩行变为一行 &#xff1a; colspan"…

消息队列控制灯代码_代码实现RabbitMQ死信队列的创建

‍‍前言&#xff1a;‍‍之前有写过死信队列的使用场景以及通过管控台创建死信。这次就通过代码实现死信队列的创建&#xff0c;同时也分享一下RabbitMQ封装的类。准备&#xff1a;1. 先准备一个死信队列(最后用来消费)的参数配置&#xff0c;包括虚拟机&#xff0c;交换机&am…

Deep Learning(深度学习)

Deep Learning&#xff08;深度学习&#xff09;ufldl的2个教程(这个没得说&#xff0c;入门绝对的好教程&#xff0c;Ng的&#xff0c;逻辑清晰有练习)&#xff1a;一ufldl的2个教程(这个没得说&#xff0c;入门绝对的好教程&#xff0c;Ng的&#xff0c;逻辑清晰有练习)&…

0.Boot Loader的概念和功能

转载&#xff1a;http://blog.chinaunix.net/uid-20543672-id-94371.html 1、嵌入式Linux软件结构与分布 在一般情况下嵌入式Linux系统中的软件主要分为以下及部分&#xff1a; &#xff08;1&#xff09;引导加载程序&#xff1a;其中包括内部ROM中的固化启动代码和Boot Loade…

平板电脑可以插u盘吗_电视TV盒子安装app的六个方法,u盘/电脑/手机都可以安装...

点击上方蓝字 关注我们首先&#xff0c;要看盒子是否支持安装第三方app&#xff0c;这期只讲支持第三方app安装的安卓系统盒子&#xff0c;iOS盒子不讲。怎么看电视盒子能不能安装第三方&#xff1f;很简单&#xff0c;方法很多&#xff0c;最常见就是用装有apk文件的u盘连接盒…

IT人士必去的10个网站

1、Chinaunix 网址&#xff1a;http://www.chinaunix.net/ 简介&#xff1a;中国最大的linux/unix技术社区。 2、ITPub 网址&#xff1a;http://www.itpub.net/ 简介&#xff1a;有名气的IT技术论坛&#xff0c;看看它的alexa排名就知道有多火了&#xff0c;尤其以数据库技术讨…

drive es 软件兼容_某知名软件被完美修改!对不住了!

⭐星标Or 置顶⭐右上角三点-设为星标(置顶)今天给大家介绍两款超好用的免费神器&#xff01;支持&#xff0c;请点亮文章底部“在看” ?搜图神器绿化版安卓 / 9M这是一款装机必备的搜图应用&#xff0c;支持图片搜索&#xff0c;百度识图&#xff0c;谷歌识图&#xff0c;拍照…

OpenCv学习笔记(二)—cv Mat学习

由于在写上一篇图像的数据结构时&#xff0c;发现自己只知道CvMat,竟然还有Mat数据结构&#xff0c;真是无知了&#xff0c;看了这么多程序&#xff0c;貌似没有看到这个结构。有可能那些程序都是些老版本的例子&#xff0c;这是在2.0以后加上的&#xff0c;所以我也得紧跟呀&a…

5g pdu session_运营商下架4G套餐,用户被5G!

近日&#xff0c;网上突然出现诸多报道&#xff0c;称三大运营商为了推广5G套餐&#xff0c;开始下架4G套餐&#xff0c;用户办理套餐时只能选择价格相对较高的5G套餐。看到这些报道很多网友坐不住了&#xff0c;这难道要倒逼用户改用5G吗&#xff1f;要知道&#xff0c;三大运…

oracle 取前10条记录

--oracle取前十条数据 --(1)第一种 select * from t_base_employee where rownum < 11;--(2)第二种 select *from (select * from t_base_employee t order by t.modify_time desc)where rownum < 10; 转载于:https://www.cnblogs.com/feifeicui/p/9244568.html

OpenCV图像处理形态学操作腐蚀Erode与膨胀Dilate

通俗的说&#xff1a;膨胀算法使图像扩大一圈。腐蚀算法使二值图像减小一圈。腐蚀&#xff1a;删除对象边界的某些像素膨胀&#xff1a;给图像中的对象边界添加像素算法&#xff1a;从图像处理角度看&#xff0c;二值图像的腐蚀和膨胀就是将一个小型二值图&#xff08;结构元素…

台达asda-b2伺服驱动器说明书_台达解决方案提升粉末冶金液压机的控制精度

项目背景粉末冶金液压机是一种利用液体压力来传递能量&#xff0c;实现各种压力加工工艺的机床&#xff0c;适用于各种金属及非金属粉末的压制成形&#xff0c;如铁基、铜基、钨、钛、锰、硼等。某生产企业所应用的粉末冶金液压机采用以台达油电伺服驱动器VFD-VJ系列为核心的控…

hadoop中map和reduce的数量设置问题

转载http://my.oschina.net/Chanthon/blog/150500 map和reduce是hadoop的核心功能&#xff0c;hadoop正是通过多个map和reduce的并行运行来实现任务的分布式并行计算&#xff0c;从这个观点来看&#xff0c;如果将map和reduce的数量设置为1&#xff0c;那么用户的任务就没有并行…