微信小程序开发工具快捷键以及常用的调试页面介绍

2024-04-26 14:59:32

（1）编辑下快捷键：

ctrl+[, ctrl+]:代码行缩进

shift+alt+F：代码格式化

shift+alt+up， shift+alt+down：向上向下复制一行

ctrl+shift+Enter：在当前行上方插入一行

ctrl+shift+F：全局搜索

ctrl+\：隐藏侧边栏

ctrl+M：打开或者隐藏模拟器

（2）调试工具页面

1、Console窗口用来显示小程序的错误输出信息和调试代码

比如打印出数据，报错信息这种都在控制台查看

2、Sources窗口用于显示当前项目的脚本文件，在Sources中开发者看到的文件是经过处理之后的脚本文件

3、Network窗口用来观察发送的请求和调用文件的信息

网络出现问题查看这里

4、Storage窗口用于显示当前项目使用wx.setStorage或者wx.setSync后的数据存储情况

如果设置了全局变量或者本地存储变量，需要在页面之间使用，出现问题在这里进行查看

5、AppData窗口用于显示当前项目当前时刻的具体数据，实时地反馈项目的数据情况，可以在此处编辑数据，并将其及时地反馈到界面上

6、Wxml窗口用于帮助开发者开发Wxml转化后的界面。在这里可以看到真实的页面结构及结构对应的wxss属性，同时可以修改对应的wxss属性

页面出现问题，就查看运行过后页面的代码，可以查看页面结构和样式这些内容。

微信小程序开发工具快捷键以及常用的调试页面介绍相关推荐

微信小程序开发工具快捷键
格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何 ...
微信小程序开发工具中快捷键
微信小程序开发工具表面上是没有更多的样式类的工具,例如缩进.隐藏代码什么的. 现在总结一下小程序开发工具常用的一些快捷键: 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 ...
微信小程序开发工具的多行注释快捷键是Ctrl+/及其它快捷键
1.JS的注释一般是双斜杠 // 或者是 /**/ 这样的块注释:而.json 是配置文件,其内容必须符合JSON格式,所以文件内部不允许有注释. 2.app.json 是全局配置文件,微信小程序中 ...
@所有人，官网下载的微信小程序开发工具安装后黑屏咋办？
@所有人,官网下载的微信小程序开发工具安装后黑屏咋办? 一直这样,重复安装也是这样欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器所展示的欢迎页.如果你想学习如何使 ...
微信小程序开发工具介绍及安装（下）
开发工具的基本功能介绍微信小程序开发工具是一款强大的集成开发环境(IDE),旨在帮助开发者更便捷地创建.调试和发布微信小程序.它提供了丰富的功能和工具集,下面将对微信小程序开发工具的基本功能进行详细 ...
微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等
今天2.19.3.25 在开发微信小程序时,作为测试号想清除授权缓存,一直没有找到方法, 最后无意中看到了解决方法微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等.完美解决
最新版本微信小程序开发工具的使用
微信小程序简介微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打 ...
微信小程序开发工具项目创建步骤
账号申请后台小程序信息完善安装开发工具IDE 小程序项目搭建项目编译真机预览调试小程序开发前准备: ①申请账号 ②安装开发工具账号申请进入小程序注册页根据指引填写信息和提交相应的资料, ...
微信小程序开发工具将已存在的Git项目在新开发者下拉取推送
微信小程序开发工具将已存在的Git项目在新开发者下拉取推送前言流程完事前言最近有同事离职了,交接了一个微信小程序的项目下来,源码放在了公司内部的GIT上面,当我下载下来维护之后发现,在微信 ...

最新文章

热门文章