typstf
VS Code Typst 增强扩展 — 公式导出、图片粘贴、格式转换，一站式提升 Typst 编辑体验。
功能特性
📐 公式导出
📋 格式转换
- Copy Selection as Markdown：将选中的 Typst 文本转换为 Markdown 并复制到剪贴板
- 标题（
= ~ ====== → # ~ ######）
- 粗体（
*text* → **text**）、斜体（_text_ → *text*）
- 链接、图片、列表
- 公式转换为 LaTeX 格式
🖼️ 图片粘贴
- Paste Image：在
.typ 文件中 Ctrl+V 直接粘贴图片
- 自动保存图片到工作区目录（默认
images/）
- 插入 Typst
#image() 代码
- 粘贴时弹出配置面板，可设置宽度、高度、对齐方式
- 支持 png / jpg / gif / webp / svg / bmp 格式
使用方法
导出公式为 SVG 文件
- 打开
.typ 文件
- 将光标置于行内公式内，或选中要导出的公式文本
- 右键选择 TypstSvgExport
- SVG 文件将自动保存到工作区的
typst-export/ 目录
复制公式为 SVG 到剪贴板
- 打开
.typ 文件
- 选中公式文本或将光标置于
$...$ 行内公式中
- 右键选择 Copy Formula as SVG
- 在目标位置（Word / PPT / 浏览器等）Ctrl+V 粘贴即可
复制选中文本为 Markdown
- 打开
.typ 文件
- 选中要转换的 Typst 文本
- 右键选择 Copy Selection as Markdown
- 在目标位置 Ctrl+V 粘贴 Markdown 内容
注意：此功能需要先选中文本，未选中文本时右键菜单不会显示该选项。
粘贴图片到 Typst 文件
- 打开
.typ 文件
- 复制一张图片到系统剪贴板（截图 / 复制文件等）
- 在编辑器中 Ctrl+V
- （可选）在弹出的面板中配置图片的宽高和对齐方式
- 图片自动保存并插入
#image() 代码
配置选项
在 VS Code 设置中搜索 typst--.imagePaste 可配置图片粘贴行为：
| 配置项 |
默认值 |
说明 |
saveDirectory |
images |
图片保存目录（相对于工作区根目录） |
defaultWidth |
auto |
默认宽度，如 80%、300pt |
defaultHeight |
auto |
默认高度 |
defaultAlign |
left |
对齐方式：left / center / right / horizon |
showConfigOnPaste |
true |
粘贴时是否弹出配置面板 |
fileNameTemplate |
image-{timestamp} |
文件名模板，支持 {timestamp} 和 {hash} |
演示
前置要求
- 系统需已安装 Typst（用于公式 SVG 编译）
- VS Code 版本 ≥ 1.102.0
安装
在 VS Code 扩展市场搜索 typstf 并安装，或访问 Visual Studio Marketplace。
已知问题
暂无
发布说明
0.0.7（开发中）
- ✨ 新增：图片粘贴功能（Ctrl+V 直接粘贴图片到 .typ 文件）
- ✨ 新增：复制公式为 SVG 到剪贴板（无需保存文件）
- 🔄 改进：Markdown 导出改为「复制选中文本为 Markdown」到剪贴板
- 📝 新增：6 项图片粘贴配置选项
0.0.6
- 新增 Markdown 导出功能
- 支持 Typst 到 Markdown 的完整转换
- 支持公式转换为 LaTeX 格式
0.0.5
许可证
MIT
| |
