You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VS Code的Markdown块中自动运行并展示Code块结果?

在VS Code的Markdown中展示代码块运行结果的解决方案

方法一:借助Markdown Preview Enhanced插件实现动态运行与结果插入

  • 安装该插件后,打开目标Markdown文档并切换到预览模式
  • 在代码块语言标识后追加run属性,示例:
    calc_result = 100 * 0.8
    print(f"折扣后价格:{calc_result}")
    
  • 点击代码块右上角的运行按钮,运行结果会自动显示在代码块下方
  • 若要在Markdown正文引用结果,可在代码块中将结果赋值为全局变量,再在正文用{{变量名}}占位,预览时会自动替换:
    global total
    total = 50 + 30
    
    正文写:本次消费总计:{{total}}

方法二:自定义脚本+VS Code任务实现自动替换

  • 编写脚本(比如Python脚本md_exec.py),实现以下逻辑:
    1. 读取目标Markdown文件内容
    2. 识别带自定义标签(如<!-- target:order_total -->)的代码块
    3. 执行代码块内的代码,捕获输出结果
    4. 替换Markdown中对应的占位符(如{{order_total}})
  • 在VS Code中创建任务(.vscode/tasks.json),配置运行该脚本,绑定快捷键后可一键完成结果替换

排查要点

  • 标签定位失效:检查插件是否启用,代码块的标签格式是否符合插件要求(比如Markdown Preview Enhanced的run需直接跟在语言标识后)
  • 变量仅显示名称:确认代码是否正常运行,是否将结果赋值为插件/脚本能识别的全局变量,占位符格式是否与脚本规则匹配

内容的提问来源于stack exchange,提问作者Татьяна Михайлова

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 12:13:11