Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CodeTermSnapNew to Visual Studio Code? Get it now.
CodeTermSnap

CodeTermSnap

RyanLiu

|
1 install
| (0) | Free
Take screenshots of code selections with a CodeTermSnap preview panel.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CodeTermSnap

一个 VS Code 代码和终端文字截图扩展。

特性

  • 选中代码后打开预览面板
  • 终端截图采用先复制终端文字,再粘贴到面板展示
  • 保持编辑器当前布局,不提供手动宽度调整
  • 右键菜单入口放在编辑器上下文菜单末尾
  • 支持保存为 PNG 或复制到剪贴板
  • 导出文件名默认带时间戳
  • 跟随 VS Code 编辑器字体、行号和主题颜色
  • 预览外框默认透明,导出内容更贴近代码本身

使用

  1. 选中一段代码,或者在终端中先复制一段文字
  2. 右键选择 CodeTermSnap,或者在命令面板运行 CodeTermSnap
  3. 在面板里按 Ctrl+V 或右键粘贴,确认内容显示后再导出

终端截图

终端截图不是直接抓取终端屏幕,而是先在终端里复制文字,再粘贴到截图面板中渲染成图片。这样可以保持和代码截图一致的导出流程,也便于统一样式和发布维护。

配置

可用设置都以 codetermsnap.* 开头:

  • codetermsnap.backgroundColor
  • codetermsnap.boxShadow
  • codetermsnap.containerPadding
  • codetermsnap.fontSize
  • codetermsnap.roundedCorners
  • codetermsnap.showWindowControls
  • codetermsnap.showWindowTitle
  • codetermsnap.showLineNumbers
  • codetermsnap.realLineNumbers
  • codetermsnap.transparentBackground
  • codetermsnap.target
  • codetermsnap.shutterAction

开发

pnpm install
pnpm compile

发布

  1. 安装 VS Code 发布工具:npm install -g @vscode/vsce
  2. 确认 package.json 里的 publisher 是你自己的 Marketplace 发布者 ID
  3. 先执行 pnpm compile
  4. 打包:vsce package
  5. 登录并发布:vsce login <publisher>,然后 vsce publish
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft