携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情
建议使用 PC 网页观看、尝试此文，互动性拉满。 阅读本文大约需要 5 分钟
上学打 dota 那会，就喜欢用快捷键放技能，好多年没碰了，依稀记得 斯文的锤子T，敌法的大招V，恶魔巫师的抽蓝R，船长的水E
话说斧王的吼是什么快捷键来着？
0. WebRTC 调试页面
烦请大家高抬贵手，在浏览器新的 tab 页输入这个地址
chrome://webrtc-internals
这是 chrome 提供的调试 WebRTC 的方法。你会发现，原来掘金的页面，也应用到了 WebRTC，创建了一条数据通道 DataChannel
1. VSCode
所有涉及到 Ctrl 的快捷键，在 Mac 中均以 Command 代替
1.1 Ctrl + P 查找文件
VSCode 与 Chrome 控制台，快捷键相同
1.2 Ctrl + Shift + O 查找函数
VSCode 与 Chrome 控制台，快捷键相同
与 Ctrl + F 不同，会跳过调用函数的地方，找到的是函数名，
结合 Ctrl + P 与 Ctrl + Shift + O 可以快速完成查找工作。例如我希望找到 login.vue 文件中的 signupClick 函数，操作如下
1.3 Ctrl + J 显示（隐藏）底部终端面板
快速打开终端面板，运行程序，再关闭面板，继续码字，一气呵成！
1.4 Ctrl + B 显示（隐藏）左侧目录
与 Ctrl + J 类似，这里就不贴图了
1.5 region 折叠显示代码
可以自主添加折叠区域，让代码更清晰
// #region
... 待折叠代码
// #endregion
2. Chrome
2.1 调试时，如何更直观的打印 json 数据
使用 console.table 方法：
console.table({name:'Jack', age: 18})
不过也有弊端，打印简单的数组、json 还行，嵌套层级多了就显示不是很友好。
2.2 Console 界面如何显示时间戳？
在 F12 的设置中，勾选 显示时间戳 (Show timestamps)
2.3 弱网调试
可用于调试断网重连、弱网情况的 UI 交互等
2.4 格式化 {}
将 json 数据、压缩过的源码等，format 成便于查看的格式
2.5 忽略文件
如果我们不想在 控制台 看到某些文件的输出。比如我们封装了一个日志库，那么不管哪里打印，控制台看到的都是这样：
根本不知道具体哪个文件打印的，也定位不到具体位置。 这是可以在设置中，将日志文件添加到忽略列表中
之后我们就能看到具体函数调用的位置了
3. 后记
如果有错误，欢迎大家指正。 更欢迎大家补充。
