VSCode的Markdown插件哪个好用

使用Markdown记录文档时,通常使用Typro编辑器,如果因为某些原因无法使用,那VSCode中的插件,是否有类似的功能来代替Typro编辑器呢?本篇就来介绍VSCode中的一些能展示Markdown格式文档的一些插件。

1 Markdown All in One

搜先是Markdown All in One,如下

安装后,打开自己的一个md文件,可以看到展示的原始内容。

点击右上角的带有放大镜的左右布局图标,可以查看渲染后的效果

效果如下,左右两个界面同时展示,左边是原始内容,右边是预览效果

与Typro那种只展示一种的效果不太一样,这个是左右两个同时展示,多了一个窗口。

2 Office Viewer

再来看另一个Office Viewer插件,搜索后安装(注:为了避免多个Markdown插件的互相影响,可以把不使用的插件先Disable掉,然后关掉再打开VSCode)

虽然叫Office Viewer,它不仅支持常用的docx,pptx这些,也支持Markdown。

效果如下,这种是类似Typro的直接渲染好的效果,并且上方还有类似Word文档那种格式的快捷编解选项

如果想切换到原始内容的界面,可以使用快捷键。

如果不知道快捷键,或是忘记了快捷键,或者想修改快捷键,可以先Ctrl+K,再Ctrl+S进行VSCode的快捷键配置界面(注:如果Ctrl+K、Ctrl+S进不到快捷配置界面,可能在markdown页面中快捷键冲突了,先把VSCode的文件关掉),然后输入office.markdown.switch查看快捷键。

如果是想要修改快捷键,比如想修改为Typro那样使用Ctrl+/快捷键来切换预览与原始内容,可以点左边的画笔图标,然后敲自定义的快捷键,最后回车确认。修改后的如下图所示:

不过这里不建议改为Ctrl+/,实测无效,因为Ctrl+/快捷键已经被使用了:

知道了快捷键后,使用快捷键切换到原始数据模式,如下效果。可以看到,实际也是开了两个界面,只不过不是左右同时展示的

3 Markdown42

再来看另一个Markdown42插件,搜索然后安装

它是这种效果,预览和原始内容,通过两个标签来切换,上方没有了格式编解按钮,比较简洁

它也有快捷键

切换到原始内容的效果

不过再切回到预览界面,我这里实际还是显示的原始数据,往上滑动界面,发现预览界面,实际是上半部分是预览效果,下半部分是原始内容。导致要看预览时,可能还要先网上滑动界面,不太方便。

4 TabFlip

最后来看TabFlip插件

安装后的预览效果如下,也是比较简洁的界面

也有快捷键来切换预览与原始内容

这次切换后,就是预览界面没了,取而代之的就是原始内容界面,这个就是Typo的效果比较接近了

注:在另一个电脑上试了这个插件,遇到两个问题,一个是图片不能展示,一个是预览和原始内容也变成了两个独立的窗口,不知道是不是其它插件的干扰。

总结

本篇介绍了VSCode中的Markdown相关的一些插件的实际使用效果,对于经常使用Markdown来记录文档的用户,如果想在VSCode中使用Markdown,可以选择一款适合自己使用习惯的Markdown插件。

相关推荐
程序员允诺42 分钟前
内网/无网环境必备:VS Code Remote-SSH 离线包下载与手动部署教程
vscode
滕州市燕猫虎计算机科技工作室个体工商户3 小时前
IDEA:Command line is too long
java·ide·intellij-idea
darin_ฅ( ̳• ◡ • ̳)ฅ18 小时前
【开发工具】2026版-VScode&IDEA&Cursor插件安装及插件配置迁移
vscode·idea
别动我齐刘海8 小时前
ROS2 Jazzy + C++ 实战路线——进阶学习3
c++·人工智能·vscode·python·算法·机器学习·机器人
一木 之林11 小时前
手搓家庭服务器:二手装机、Docker部署、端口映射与frp内网穿透
服务器·人工智能·git·编辑器
xieliyu.13 小时前
前端基础:常见CSS选择器用法
前端·css·笔记·vscode
别动我齐刘海1 天前
ROS2 Jazzy + C++ 实战路线——基础学习2
c++·人工智能·vscode·python·学习·机器学习·机器人
东木月1 天前
PyCharm 集成 Claude Code 插件:安装、配置与使用指南
python·pycharm·编辑器
boke112百科2 天前
WordPress经典编辑器【插入至文章】按钮怎么调到右上角?
编辑器·wordpress·wordpress教程·经典编辑器
AI编码进化论2 天前
云IDE介绍:环境模板化、Agent上云,云IDE该怎么选
开发语言·ide·人工智能·团队开发·ai编程