在Visual Studio 2015/2017中如何查看Angular2/4调试控制台日志？

嗨，作为刚上手Angular 2/4的新手，这个问题真的超常见！我来给你掰扯清楚～

首先得明确：console.log()的输出不在Visual Studio的任何窗口里，它是输出到浏览器的开发者工具控制台的，不管你用什么IDE开发Angular，都是这个逻辑哦。

具体操作步骤很简单：

1. 先在Visual Studio里启动你的Angular应用——不管是按F5运行，还是在VS的终端里输入ng serve启动项目
2. 打开应用对应的浏览器页面（如果是F5运行的话VS会自动帮你打开）
3. 打开浏览器的开发者工具：
   • 快捷键按F12
   • 或者右键页面空白处，选择「检查」/「审查元素」
4. 在开发者工具里切换到Console标签页，就能看到你写的console.log内容啦！

举个例子，你的这段代码：

console.log('Log Comes here')

@Component({/* 组件配置 */}) 
export class App { 
  s: string = "Log comes here too"; 
  constructor() { 
    console.log(this.s) 
  } 
}

当App组件初始化的时候，顶部的console.log('Log Comes here')和构造函数里的console.log(this.s)都会在浏览器控制台里依次显示出来。

额外小技巧：

• 如果控制台日志太多找不到自己的内容，可以用控制台的搜索框输入关键词，或者用过滤功能只看「Log」类型的输出
• 刷新页面之前可以点击控制台的清空按钮，这样新的日志会更清晰

内容的提问来源于stack exchange，提问作者user1034912