IntelliJ IDEA中React应用console.log输出位置咨询

React应用里的console.log属于浏览器端JavaScript代码，默认不会输出在IntelliJ IDEA的Run/Debug工具窗口（这里仅显示Node服务端的编译日志），你可以通过以下两种方式查看：

• 浏览器控制台查看
  启动React应用后，在打开的浏览器窗口中：

  • 按下F12（Windows/Linux）或Cmd+Opt+I（Mac）唤起开发者工具
  • 切换到Console标签页，点击页面上的按钮，就能看到Hello World的输出

• IntelliJ IDEA内置调试面板查看
  如果你想用IDE直接查看，需要配置JavaScript调试：

  1. 在IDEA顶部的运行配置下拉框中，选择Edit Configurations
  2. 添加一个JavaScript Debug配置，把URL设为你的React应用地址（通常是http://localhost:3000）
  3. 点击调试按钮启动会话，IDEA会自动打开内置的开发者工具
  4. 在IDEA底部的Debug工具窗口中切换到Console标签，就能看到前端的console.log输出

内容的提问来源于stack exchange，提问作者Mike de H