VS Code 原生支持 Markdown 高效写作，只需配置两项关键设置：启用双向滚动同步（scrollEditorWithPreview 和 scrollPreviewWithEditor）及开启 KaTeX 数学公式渲染（math.enabled），再配合 Outline 导航与 mdpdf 导出 PDF 即可。

VS Code 默认就能写 Markdown，但要获得接近专业写作的体验——比如实时同步滚动、数学公式、

启用原生预览并解决滚动不同步问题

VS Code 内置的 Markdown: Preview 命令（Ctrl+Shift+V）能打开预览，但默认不开启「滚动同步」。常见现象是：编辑区往下滚，预览页卡在顶部，反之亦然。

• 按 Ctrl+Shift+P 打开命令面板，输入并运行 Preferences: Open Settings (JSON)
• 在 settings.json 中添加：

  "markdown.preview.scrollEditorWithPreview": true,
  "markdown.preview.scrollPreviewWithEditor": true

• 这两个选项必须同时开启，缺一不可；仅开一个会导致单向同步失效

让 LaTeX 数学公式正常渲染

原生预览默认不解析 $...$ 或 $$...$$ 中的数学表达式，会原样显示为文本。这不是插件缺失问题，而是 KaTeX 渲染未启用。

• 在 settings.json 中加入：

  "markdown.math.enabled": true

• 确保你用的是 VS Code 1.84+ 版本（旧版该配置项无效）
• 公式语法必须严格：行内用单美元符 $E = mc^2$，独立块用双美元符 $$\int_0^\infty e^{-x}dx = 1$$；混用反引号或中文符号会直接失效

添加右侧大纲（Outline）和一键导出 PDF

大纲视图不是 Markdown 插件专属功能，而是 VS Code 的原生侧边栏能力；PDF 导出则依赖外部工具链，不能只靠插件点一下就完事。

• 打开命令面板 → 运行 View: Toggle Outline，即可唤出右侧标题层级导航（基于 # ~ ###### 自动生成）
• 导出 PDF 需先安装 mdpdf CLI：

  npm install -g mdpdf

  ，再在设置中指定路径：

  "mdpdf.executablePath": "mdpdf"

• 注意：如果系统 PATH 没包含 npm 全局 bin 目录（如 Windows 的 %USERPROFILE%\AppData\Roaming\npm），mdpdf 会报错 command not found

真正影响写作流的是同步滚动和数学公式这两项——其他功能大多可有可无。很多人反复重装插件，其实只是没打开那两个布尔值配置。

# vscode  # js  # markdown  # json  # windows  # npm  # app  # 工具  # pdf  # win  # vs code  # math  # 堆  # 的是  # 几个  # 就能  # 很多人  # 只需  # 这两个  # 这不是  # 可有可无  # 报错  # 往下 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 北京的网站制作公司有哪些,哪个视频网站最好？  Java解压缩zip - 解压缩多个文件或文件夹实例  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  网站建设要注意的标准 促进网站用户好感度！  原生JS实现图片轮播切换效果  如何用搬瓦工VPS快速搭建个人网站？  如何在阿里云ECS服务器部署织梦CMS网站？  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  如何在IIS7中新建站点？详细步骤解析  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  大连网站制作公司哪家好一点,大连买房网站哪个好？  Laravel如何升级到最新版本？（升级指南和步骤）  linux top下的 minerd 木马清除方法  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  jQuery validate插件功能与用法详解  Java垃圾回收器的方法和原理总结  IOS倒计时设置UIButton标题title的抖动问题  如何在阿里云完成域名注册与建站？  西安专业网站制作公司有哪些,陕西省建行官方网站？  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  百度浏览器如何管理插件 百度浏览器插件管理方法  高端建站三要素：定制模板、企业官网与响应式设计优化  Android okhttputils现在进度显示实例代码  Laravel事件监听器怎么写_Laravel Event和Listener使用教程  JavaScript如何操作视频_媒体API怎么控制播放  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  Laravel如何使用Facades（门面）及其工作原理_Laravel门面模式与底层机制  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  如何快速搭建虚拟主机网站？新手必看指南  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  如何在香港服务器上快速搭建免备案网站？  如何快速搭建高效WAP手机网站吸引移动用户？  Laravel如何配置Horizon来管理队列？（安装和使用）  JavaScript如何实现音频处理_Web Audio API如何工作？  Laravel如何处理表单验证？（Requests代码示例）  敲碗10年！Mac系列传将迎来「触控与联网」双革新  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  详解jQuery中基本的动画方法  高防服务器如何保障网站安全无虞？  如何自定义建站之星网站的导航菜单样式？  Python文件异常处理策略_健壮性说明【指导】  如何在腾讯云服务器上快速搭建个人网站？  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  如何挑选最适合建站的高性能VPS主机？  5种Android数据存储方式汇总  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理