VS Code 编辑器内无法直接添加下划线,仅支持通过 HTML 标签(如 <u> 或 style="text-decoration: underline")在 Markdown 预览中显示下划线效果,原生不支持 ==text== 或 __text__ 等非标准语法。

VS Code 里怎么给文字加下划线?
VS Code 默认不支持编辑器内直接渲染文字下划线(比如像 Word 那样选中后点“U”),它不是富文本编辑器。所谓“打出来”,实际只有两种可行路径:一种是让编辑器**显示**下划线样式(靠字体或主题),另一种是插入能被预览/导出工具识别的**标记语法**(如 Markdown 或 CSS)。
用 Markdown 语法在预览中看到下划线
如果你写的是 .md 文件,打开右侧预览(Ctrl+Shift+V),可以用 HTML 标签实现下划线效果——这是最常用、也最可控的方式:
-
<u>这行字会带下划线</u>:简单直接,但语义弱,部分静态站点生成器(如 Jekyll)默认禁用<u></u> -
<span style="text-decoration: underline">这也行</span>:更标准,兼容性好,适合需要强调又不想用<u></u>的场景
⚠️ 注意:<u></u> 在编辑区只是普通文本,不会高亮或特殊渲染;只有在预览窗口才生效。别指望在代码编辑区看到实时下划线。
编辑器本身加下划线?只能靠字体或插件
原生 VS Code 不提供“给某段文字加下划线”的编辑功能,但你可以间接影响显示效果:
- 改字体:某些等宽字体(如
Fira Code、JetBrains Mono)开启连字(ligatures)后,__text__可能被渲染成带下划线样式——但这只是字体特性,不是编辑器功能 - 装插件:如
Highlight插件可自定义高亮规则,但“下划线”需配合 CSS 注入,且仅限当前窗口,不跨文件、不导出 - 主题 hack:极少数主题(如
One Dark Pro某些变体)会给注释或特定 token 加textDecoration: underline,但这是全局的,无法按需控制
简单说:想在编辑区“看到”下划线,没有开箱即用的办法;想在输出(预览/导出/发布)中呈现下划线,就老实用 <u></u> 或 style。
为什么不用 Markdown 下划线语法(如 ~~text~~)?
~~text~~ 是删除线(strikethrough),不是下划线。VS Code 的 Markdown 解析器严格遵循 CommonMark 规范,不支持 __text__ 或 ==text== 作为下划线语法(后者是 Obsidian 或 Typora 的扩展,VS Code 原生不认)。
容易踩的坑:复制别人文档里的 ==xxx== 到 VS Code 的 .md 文件里,预览时完全没反应——因为那根本不是标准 Markdown,也不是 VS Code 支持的语法。
真正能用的,就只有 <u></u> 和内联 style 这两条路。其他写法,看着像,实际无效。










