VSCode怎么写Markdown文档_VSCode Markdown预览编辑教程【实用】

P粉328763957

P粉328763957

2026-04-13

368人浏览

原创

vscode markdown 基础配置需三步:一设语言模式为 markdown 并保存为 .md 文件;二配 imageuploader 存图至 assets/ 并用相对路径;三装 markdown-pdf 扩展并指定中文字体导出 pdf。

vscode怎么写markdown文档_vscode markdown预览编辑教程【实用】

VSCode 写 Markdown 不用装一堆插件也能跑起来,但默认配置下预览打不开、图片粘贴失败、导出 PDF 中文乱码——这些问题不是你操作错,而是几个关键开关没拨对。

预览快捷键没反应?先确认语言模式和文件后缀

Ctrl+Shift+V 没反应,90% 是 VSCode 根本没把当前文件当 Markdown 处理。它只认 .md.markdown 后缀,且依赖语言模式激活语法支持。

  • 检查右下角状态栏:必须显示 Markdown,不是 Plain Text 或空白
  • 手动设置语言模式:Ctrl+K M → 输入 markdown → 回车
  • 临时文件(比如粘贴内容新建的无名文件)不会自动识别,务必先保存为 xxx.md
  • 如果用了远程开发(SSH/WSL),确保远程端也加载了 Markdown 语言支持(通常默认已启用)

图片粘贴进不去 assets 文件夹?改这两项配置

直接 Ctrl+V 粘贴截图,默认会失败或生成绝对路径,跨设备就炸。真正可用的方案是让 VSCode 自动存图并写相对路径。

VSCode 1.118
VSCode 1.118

微软正式发布 Visual Studio Code 1.118 版本 。本次更新重点强化了 AI 开发体验与企业管理能力,其中最引人注目的是新增 Copilot CLI 远程控制功能,允许开发者通过手机或网页远程监控和接管 AI 会话 。同时,为了提高 AI 的运行性价比,新版本优化了令牌缓存策略以降低成本 。此外,1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控 。

下载
  • settings.json 中添加:
    "markdown.extension.imageUploader.action": "copy",
    "markdown.extension.imageUploader.uploadMethod": "none"
  • 确保工作区根目录下存在 assets/ 文件夹(不存在就手动建一个)
  • 不要用资源管理器拖拽图片——它硬编码本地绝对路径,file:/// 开头的链接在别人电脑上肯定 404
  • 粘贴后若报 Unable to write file: Permission denied,说明 assets/ 权限不对或路径不存在,不是插件问题

导出 PDF 中文变方框?别用浏览器打印

右键预览页 → “Print” → 保存为 PDF,中文基本全成口口口。VSCode 原生预览走的是简易 HTML 渲染链,不带中文字体嵌入能力。

  • markdown-pdf 扩展(注意不是同名旧版),它用 Puppeteer 引擎,能指定系统字体
  • 导出前,在 settings.json 加上:
    "markdown-pdf.displayHeaderFooter": true,
    "markdown-pdf.fontFamily": "'Noto Sans CJK SC', 'Microsoft YaHei', sans-serif"
  • 命令面板调用:Ctrl+Shift+P → 输入 Markdown PDF: Export (pdf)
  • 如果仍乱码,检查系统是否安装了对应中文字体(如 Noto Sans CJK SC 是 Google 开源字体,macOS 和 Linux 需手动安装)

数学公式和 Mermaid 图表不渲染?别混用预览扩展

$$E = mc^2$$mermaid 代码块不显示,常见原因是多个预览扩展冲突,或者 MathJax 渲染被禁用。

  • 禁用 VSCode 原生预览:"markdown.preview.enabled": false(否则和 Markdown All in OneMarkdown Preview Enhanced 抢控件)
  • 只留一个主力预览扩展:推荐 Markdown All in One + 开启 "markdown.extension.math.enabled": true
  • Mermaid 需额外配置:Markdown Preview Enhanced 支持更全,但启动慢;Markdown All in One 仅支持基础流程图,且需在设置中打开 "markdown.extension.mermaid.enabled": true
  • 公式必须独占一行才能被识别为块级公式,$E=mc^2$ 这种行内写法要配合 KaTeX 支持,不是所有扩展都默认开启

最常被跳过的其实是工作区级别的 settings.json 配置——用户级设置在多项目间不通用,而每个文档的渲染效果,往往取决于它所在文件夹有没有正确配好 markdown.stylesmarkdown.extension.imageUploader 这几项。配一次,之后开新文档就不踩坑。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode markdown

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

1560

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

1425

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

588

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

1336

7

python中print函数的用法
python中print函数的用法

python中print函数的语法是“print(value1, value2, ..., sep=' ', end='\n', file=sys.stdout, flush=False)”。本专题为大家提供print相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.27

1168

5

python print用法与作用
python print用法与作用

本专题整合了python print的用法、作用、函数功能相关内容,阅读专题下面的文章了解更多详细教程。

2026.02.03

125

24

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.18

2293

5

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2023.08.10

1166

6

vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

765

18

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程