在Visual Studio的ASP.NET Core+React项目中查看npm输出的方法

• 切换输出窗口选项：打开Visual Studio的输出窗口（快捷键Ctrl+W,O），在窗口顶部的下拉菜单里选择「ASP.NET Core Web Server」，npm启动和运行的日志会输出在这里。

• 调高级日志详细度：依次打开「工具」→「选项」→「项目和解决方案」→「Web项目」，把「日志详细程度」改成「详细」，这样能看到更多npm执行过程中的细节信息。

• 手动启动npm服务：进入项目的ClientApp目录，打开终端执行npm start，可以直接看到实时的npm输出。此时ASP.NET Core项目会自动代理到这个手动启动的React开发服务器，不影响正常调试。

• 配置日志级别：在项目的appsettings.json里添加或修改日志配置，把SpaServices的日志级别设为Debug：

"Logging": {
  "LogLevel": {
    "Microsoft.AspNetCore.SpaServices": "Debug"
  }
}

修改后重启项目，就能在输出窗口看到更详细的npm相关日志。

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