CodeTermSnap
一个 VS Code 代码和终端文字截图扩展。
特性
- 选中代码后打开预览面板
- 终端截图采用先复制终端文字,再粘贴到面板展示
- 保持编辑器当前布局,不提供手动宽度调整
- 右键菜单入口放在编辑器上下文菜单末尾
- 支持保存为 PNG 或复制到剪贴板
- 导出文件名默认带时间戳
- 跟随 VS Code 编辑器字体、行号和主题颜色
- 预览外框默认透明,导出内容更贴近代码本身
使用
- 选中一段代码,或者在终端中先复制一段文字
- 右键选择
CodeTermSnap,或者在命令面板运行 CodeTermSnap
- 在面板里按
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
发布
- 安装 VS Code 发布工具:
npm install -g @vscode/vsce
- 确认
package.json 里的 publisher 是你自己的 Marketplace 发布者 ID
- 先执行
pnpm compile
- 打包:
vsce package
- 登录并发布:
vsce login <publisher>,然后 vsce publish
| |