使用vscode进行Ionic 2开发调试

Question

目前我在dev代码中使用并查看了很多console.log()语句，并想知道什么是获得简洁调试工作流程的最佳方法，使用visual studio代码进行断点，检查等，特别是对于角度2和离子2的发展。

因此，在下面的示例中，我想用一个简单的命中断点替换console.log('Program Page:',this.pageDetails);，然后在vsc调试侧面板中显示调试信息。就像你在visual studio的调试构建过程中所做的那样

Answer 1

免费变体： 对我来说最好的调试工作流程是使用Firefox和Visual Studio Code。 使用VSC，您可以设置断点，使用Chrome即可获得所需：检查，控制台输出和网络请求。 Chrome还提供Chrome Inspect，使用此工具，您可以在原生设备上进行调试

Payed Variant： 在这个Variant中，我建议你使用Webstorm。它需要花费一点钱但是使用Webstorm可以获得最佳的调试工作流程。 Webstorm还提供了一个控制台盒，因此您不需要使用Chrome。您可以插入您的设备，然后从Webstorm中的本机设备获取控制台日志。 https://www.jetbrains.com/webstorm/download/

修改

如果你的断点没有被解雇，可能有不同的原因。 1.确保您没有在多个编辑器中打开您的项目 2.确保您没有在多个浏览器（Chrome / Firefox）中调试您的项目 3.如果两个解决方案都不起作用，请尝试设置Project for Breakpoints。这是一个教程： http://www.damirscorner.com/blog/posts/20161122-DebuggingIonic2AppsInChromeFromVisualStudioCode.html