目前我在开发代码中使用并看到很多 console.log() 语句，我想知道什么是获得简洁调试工作流程的最佳方法，使用 Visual Studio 代码进行断点、检查等，特别是针对 Angular 2 和 ionic 2 发展。
所以在下面的示例中，我想用一个简单的断点替换console.log('Program Page:',this.pageDetails);，然后在 vsc 调试侧面板中显示调试信息。就像你在 Visual Studio 的调试构建过程中所做的那样
【问题讨论】：
标签： angular debugging ionic2 visual-studio-code
免费版本： 对我来说最好的调试工作流程是使用 Firefox 和 Visual Studio Code。 使用 VSC，您可以设置断点，使用 Chrome，您可以获得所需的一切：检查、控制台输出和网络请求。 Chrome 还提供 Chrome Inspect，使用此工具您可以在本机设备上进行调试
付费变体： 在这个变体中，我建议您使用 Webstorm。它要花一点钱，但使用 Webstorm 你会得到最好的调试工作流程。 Webstorm 还提供了一个控制台框，因此您不需要使用 Chrome。您可以插入您的设备，然后您将从 Webstorm 中的本机设备获取控制台日志。 https://www.jetbrains.com/webstorm/download/
编辑：
如果你的断点没有被触发，它可能有不同的原因。 1.确保您没有在多个编辑器中打开您的项目 2. 确保您没有在多浏览器（Chrome/Firefox）中调试您的项目 3. 如果两个解决方案都不起作用，请尝试为断点设置您的项目。这是一个教程： http://www.damirscorner.com/blog/posts/20161122-DebuggingIonic2AppsInChromeFromVisualStudioCode.html
【讨论】：