VSCode无内置性能分析器，需依赖外部工具：Node.js用--inspect配合DevTools录制CPU Profile；Python用py-spy生成火焰图；前端通过Debugger for Chrome插件自动启动并连接DevTools进行性能追踪。
VSCode 本身不内置性能分析器，它依赖外部工具（如 Node.js 的 node --inspect、Python 的 cProfile 或浏览器 DevTools）配合插件完成分析。直接在 VSCode 里点“运行性能分析”是行不通的。
Node.js 项目：用内置调试器启动 CPU Profile
这是最轻量、最贴近 VSCode 原生体验的方式。前提是你的项目用 Node.js 运行，且未禁用 V8 inspector。
- 确保
launch.json中配置了"runtimeArgs": ["--inspect-brk"]或"--inspect"（后者不中断，适合分析运行中逻辑） - 启动调试后，在 VSCode 底部状态栏点击 “Open dedicated DevTools for Node.js”，或手动打开
chrome://inspect→ 点击 “Open dedicated DevTools” - 在 DevTools 的
Profiler（或新版中的Performance）面板点击录制，复现目标操作，停止后查看函数耗时火焰图 - 注意：
--inspect-brk会卡在第一行，适合分析启动过程；若要测用户交互，改用--inspect并手动触发录制
Python 项目：用 py-spy 配合 VSCode 终端分析
VSCode 的 Python 插件不提供图形化性能视图，py-spy 是目前最稳定的无侵入方案，尤其适合已部署或阻塞型脚本。
- 先安装：
pip install py-spy - 查进程 ID：
ps aux | grep python，找到目标pid - 生成火焰图：
py-spy record -p <code>PID-o profile.svg --duration 10（采样 10 秒） - 直接在 VSCode 中打开生成的
profile.svg，或用py-spy top -p <code>PID实时看热点函数 - 坑点：Windows 上需以管理员权限运行终端；若用 conda 环境，确保
py-spy安装在同环境，否则可能读不到符号
前端页面：用 VSCode 启动 Chrome 并自动连接 DevTools
避免手动切窗口、输地址，让 VSCode 成为 DevTools 的“启动器”和“代理入口”。
- 安装官方插件
Debugger for Chrome（或新版推荐的Microsoft Edge Tools） - 在
launch.json中配置"type": "pwa-chrome"，指定"url"或"file"路径 - 关键参数：
"trace": true可启用底层性能追踪（生成 .trace 文件），配合chrome://tracing查看更底层事件 - 启动后，VSCode 会自动拉起 Chrome 并注入调试器；按
Ctrl+Shift+P→ 输入 “Developer: Toggle Developer Tools” 即可唤出 DevTools，直接切到Performance面板 - 注意：Chrome 必须关闭所有实例再启动，否则新窗口无法被调试器接管
真正卡住人的往往不是怎么点，而是采样时机和上下文隔离——比如在热更新（HMR）开启时录 CPU Profile，会把模块重载逻辑一起算进去；又比如没关掉 source map，火焰图里全是 webpack:/// 路径。动手前先想清楚：你到底想优化哪一段真实执行路径？
