开发调试

日志查看

vscode日志主要有这5种:

开发窗口的调试控制台

扩展里的console.log()日志一般输出在这里,但是有很大的限制,结构稍微深一点的对象在这里了就显示不了:

Unable to log remote console arguments Output omitted for an object that cannot be inspected (Error: [sxei.vscode-plugin-demo]: Proposed API is only available when running out of dev or with the following command line switch: —enable-proposed-api sxei.vscode-plugin-demo)

这里只能看成是测试窗口开发者控制台日志的一种快捷显示

结构较深的对象即使在控制台也无法显示,目前发现的唯一比较好的方法就是在输出的地方打一个断点,然后运行的时候会自动卡在这里,鼠标悬停就可以查看对象的内容。

测试窗口的调试控制台

一般没什么扩展相关日志会输出在这里。

开发窗口的开发者控制台

快捷键Ctrl+Alt+I,这里一般显示vscode本身一些日志,和扩展相关的不会显示在这里,所以这个也不用太多关心。

测试窗口的开发者控制台

快捷键也是Ctrl+Alt+I,不记得的可以从帮助 -> 切换开发人员工具找到。

这个控制台很重要,有时候如果发现你的代码莫名其妙没生效,很有可能是报错了,这种报错是不会显示在开发窗口调试控制台的

如果不知道到这里来查看日志,那么只能一脸懵逼的到处乱试了,调试控制台只打印常规日志,语法错误并不会显示在这里。