VS Code可通过三个核心插件(Markdown All in One、Markdown Preview Mermaid Support、Code Spell Checker)和三项关键配置(禁用自动预览、手动唤出、图片自动存入assets)打造高效Markdown环境。
VS Code 本身不是 Markdown 编辑器,但通过合理配置和插件组合,它能成为目前最灵活、可定制性最强的 Markdown 工作环境——前提是避开默认设置里的几个典型陷阱。
安装哪些插件才真正有用
别装“Markdown All in One”+“Preview Enhanced”+“Paste Image”这种堆砌式组合。多数人只需要三个核心插件:
:提供快捷键(如
双窗格预览)、目录生成(
)、自动补全(
后按
补标题层级)
:让
图表在预览中直接渲染,不用额外配 Webview 或导出
:专为技术文档优化的拼写检查,支持忽略代码块、行内代码(
包裹内容)和 YAML frontmatter
其他如“Markdown PDF”或“Markdown Emoji”属于一次性需求工具,用时再装更省资源。
预览窗口卡顿、刷新延迟怎么办
VS Code 内置预览默认监听整个工作区,文件一多就卡。根本解法是关掉自动刷新,改用手动触发:
ChatGPT (Windows)
ChatGPT Windows 版本优化了系统兼容性与响应速度,提供多任务处理和对话记录管理功能,适用于办公辅助、创意写作、学习辅导和日常问答。它能帮助用户快速生成文稿、整理资料和高效获取信息,为个人和团队提供稳定、流畅的生产力体验。
下载
在
中添加:
用快捷键
(Windows/Linux)或
(
mac
OS)按需唤出预览面板
禁用
,避免误点退出编辑模式
如果文档含大量 mermaid 或数学公式,建议关闭
,改用 KaTeX(需额外配置)提升加载速度
图片插入总要手动改路径?
VS Code 默认不处理图片粘贴和相对路径。关键设置在
里两处:
这类无关项不用动;重点是:
配合
,粘贴图片时自动存入
并插入相对路径(如
)
确保工作区根目录下有
文件夹,否则会报错
别依赖“从资源管理器拖拽图片”,它生成的是绝对路径,跨设备即失效
真正影响效率的从来不是功能多少,而是每次插入图片、更新目录、导出 PDF 时是否要打断思路去查文档或调设置。把上面三处配好,剩下的就是写。
Markdown All in OneCtrl+Shift+VCtrl+K Ctrl+T##TabMarkdown Preview Mermaid SupportmermaidCode Spell Checker`settings.json"markdown.preview.autoShowPreviewPanel": falseCtrl+K VCmd+K V"markdown.preview.doubleClickToSwitchToEditor""markdown.preview.mathjax": truesettings.json"markdown.extension.italic.indicator": "_""markdown.extension.imageUploader.action": "copy""markdown.extension.imageUploader.uploadMethod": "none"./assets/assets/Unable to write file ... Permission denied