在VSCode里写Markdown笔记少了得心印手的工具栏?开源一款工具栏扩展
大约 3 分钟
在VSCode里写Markdown笔记少了得心印手的工具栏?开源一款工具栏扩展
Github VSCode扩展 VS Marketplace 在扩展中搜索Toolbar即可找到。
在VSCode中写Markdown时,需要熟悉一些Markdown的语法规则。而有些规则如表格、列表的更改、目录等等,则可能需要一定的文本处理技术(比如正则),要不然就需要一个一个地更改。
而在使用“所见即所得[^WYSIWYG]”的Markdown编辑器,如typora时,会有一个令人满意的工具栏,开箱即用,不需要我记住Markdown的语法规则、不需要记住加粗斜体等等的快捷键,就像使用word那样简单。
因此我做了一个VSCode扩展,降低在VSCode中写Markdown的门槛,让写作更舒适一些。
功能
- 悬浮框工具栏:添加了划线选取文本之后,在悬浮框内的工具栏。
- 工具栏界面:作为View的形式存在,它可以放在侧边栏、放在面板、放在编辑器界面分割的位置等等。
如果放在侧边栏书写不方便,也可以把它调整到下边来:
在编辑器右上角添加了打开工具栏界面的按钮,工具栏页面也可以当作一整个页面使用:
内置了38种Markdown处理工具。

Markdown工具箱
工具栏名 | |||||||
---|---|---|---|---|---|---|---|
格式 | 加粗 | 斜体 | 删除线 | 代码段 | 公式段 | 标题提升 | 标题降级 |
文本块 | 容器 | 折叠 | 引用 | 代码块 | 公式块 | 分隔 | 新一行 |
链接 | 插入链接 | 插入图片 | 插入链接引用 | 插入脚注 | 插入文件路径 | 删除链接 | |
列表 | 有序列表 | 无序列表 | 任务列表 | 目录列表 | 缩进 | 删除缩进 |
(目录列表 缩进 删除缩进 依赖于其他扩展)
Markdown Table工具箱(依赖其他插件)
工具栏名 | ||||
---|---|---|---|---|
Cell | Previous Cell | Next Cell | Create Table | CSV To Table |
Column | Move Left | Move Right | Insert Left | Insert Right |
Formatting | Align Left | Align Right | Align Center | Format |
依赖
你可以选择性安装以下插件,一些功能依赖于以下插件:
- Markdown All in One : 用于提供列表的表头缩进功能以及创建目录功能
- Markdown Table : 用于提供Markdown Table工具箱的表格功能
- Markdown Table Maker : 用于提供Markdown Table工具箱的创建表格的功能
设置
toolbar.builtin.markdown.activate
: 是否激活内置的Markdown工具箱toolbar.builtin.markdown.unorderListStyle
: 设置内置Markdown工具箱无序列表的样式,可选值是-
,+
,*
,默认值是+
toolbar.builtin.markdown.orderListStyle
: 设置内置Markdown工具箱有序列表的样式,可选值是1)
和1.
,默认值是1.
添加其他Markdown扩展的功能到工具箱里去
本扩展支持自定义工具箱,其他扩展的命令功能都可以直接变成一个工具箱界面内的一个按钮。其实,Markdown Table工具箱的所有功能都是其他扩展的命令。
这个功能参见下回分解。