vs code原生markdown预览需手动开启关键设置:启用markdown.extension.preview.autoupdate(非autorefresh)、markdown.extension.math.enabled,确保公式空行、代码块语言id严格匹配,并通过settings.json调整字体/行高等参数后重启预览。

VS Code 原生支持 Markdown,但默认配置下根本没法“边写边看”,数学公式不渲染、代码块不着色、滚动不同步、预览不自动刷新——这些不是你装错插件,而是几个关键开关没打开。
markdown.preview.autoRefresh 不生效?检查是否被插件覆盖
VS Code 1.80+ 默认开启 markdown.preview.autoRefresh,但一旦装了 Markdown All in One,它会接管预览逻辑,真正起作用的是它的专属设置:markdown.extension.preview.autoUpdate。
- 打开设置(
Ctrl+,),搜autoUpdate,确保markdown.extension.preview.autoUpdate已启用 - 如果用的是远程开发(如 Codespaces 或 SSH 远程),文件系统事件监听可能失效,此时即使开关开着也无响应,得手动执行
Ctrl+Shift+P→Markdown: Refresh Preview - 预览窗口右上角有个「同步滚动」图标,必须点一下才生效;不点,编辑区滚动,预览区纹丝不动
数学公式显示为纯文本?KaTeX 渲染未启用
内置预览默认完全忽略 $$...$$ 和 \[...\],现象是公式原样输出,甚至控制台报错 MathJax is not defined——这不是脚本加载失败,是压根没启用数学解析器。
微软正式发布 Visual Studio Code 1.118 版本 。本次更新重点强化了 AI 开发体验与企业管理能力,其中最引人注目的是新增 Copilot CLI 远程控制功能,允许开发者通过手机或网页远程监控和接管 AI 会话 。同时,为了提高 AI 的运行性价比,新版本优化了令牌缓存策略以降低成本 。此外,1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控 。
- 装
Markdown All in One,然后开启markdown.extension.math.enabled(它用 KaTeX,轻量且离线可用) -
$$块前后必须各空一行,否则解析器跳过整块;行内公式用$E = mc^2$,但需确认markdown.extension.math.inlineEnabled是否打开 - 别往 Markdown 里手写
<script src="mathjax.js"></script>—— VS Code 预览是沙盒环境,外部 script 一律被过滤
代码块高亮全灰?语言标识符拼写必须严格匹配
写 ```pyhton 或 ```js 就失效,因为 VS Code 的语法高亮依赖 TextMate 语言 ID,大小写、缩写、别名都不认。
- 正确写法:
```json、```typescript、```bash(不是sh)、```html(不是HTML) - 不确定当前识别的语言 ID?按
Ctrl+Shift+P→ 运行Developer: Inspect Editor Tokens and Scopes,把光标放在代码块内,看右下角显示的languageId - 前端常用项:用
javascript,不用js;用css,不用CSS
预览字体小、行距挤、宽度窄?直接改 settings.json
内置预览样式极简,但可调参数有限,很多效果(比如段落间距、字体大小)必须靠 JSON 配置,GUI 设置里找不到入口。
- 在设置中点击右上角「打开设置(JSON)」,添加这几项:
"markdown.preview.fontSize": 16"markdown.preview.lineHeight": 1.6-
"markdown.preview.breaks": true(让换行符转<br>,避免段落粘连) -
"markdown.preview.markdownIt": true(启用更准确的 CommonMark 解析)
这些值改完要重启预览窗口才生效,不是改完就立刻变。很多人卡在这一步,反复重装插件,其实只是没手动刷新预览。










