在VS Code运行React服务时，如何让终端显示Cypress的console.log日志？

一、先搞懂日志输出的时机 #

你写在setupNodeEvents里的console.log，只有启动Cypress测试程序的时候才会输出，不是React应用启动时就会打的日志。你之前应该只启动了React应用（比如npm start），所以看不到这条日志。

正确操作步骤：

• 第一步：正常启动React应用，让它在localhost:3000跑起来
• 第二步：新开一个终端窗口（或者用终端分屏），运行Cypress的启动命令：
  • 要是package.json里配了脚本"cypress:open": "cypress open"，就跑npm run cypress:open
  • 没配的话直接跑npx cypress open
    这时候这个新终端里就会出现hey there的日志了

二、解决终端不能向上滚动的问题 #

不同终端的解决方式不一样：

• Windows cmd：右键终端顶部标题栏→属性→布局，调大「屏幕缓冲区大小」的高度，就能存更多日志，也能滚动了
• Mac Terminal/iTerm：直接按Command + ↑滚动，或者去终端设置里调大滚动缓冲区的行数
• VS Code集成终端：点终端面板右上角的设置图标→配置终端设置，找到terminal.integrated.scrollback，把数值改大（比如设成10000），就能保存更多历史日志

三、如果还是看不到日志的排查点 #

• 检查Cypress版本：defineConfig是Cypress 10及以上版本才支持的语法，版本太低的话升级到最新稳定版
• 确认setupNodeEvents的位置：必须在e2e配置项里面，位置写错的话不会执行

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