在VSCode里写Markdown笔记少了得心印手的工具栏?开源一款工具栏扩展

XiLaiTL大约 3 分钟

在VSCode里写Markdown笔记少了得心印手的工具栏?开源一款工具栏扩展

Githubopen in new window VSCode扩展 VS Marketplaceopen in new window 在扩展中搜索Toolbar即可找到。

在VSCode中写Markdown时,需要熟悉一些Markdown的语法规则。而有些规则如表格、列表的更改、目录等等,则可能需要一定的文本处理技术(比如正则),要不然就需要一个一个地更改。

而在使用“所见即所得[^WYSIWYG]”的Markdown编辑器,如typora时,会有一个令人满意的工具栏,开箱即用,不需要我记住Markdown的语法规则、不需要记住加粗斜体等等的快捷键,就像使用word那样简单。 typora右键菜单

因此我做了一个VSCode扩展,降低在VSCode中写Markdown的门槛,让写作更舒适一些。

功能

  • 悬浮框工具栏:添加了划线选取文本之后,在悬浮框内的工具栏。 悬浮框
  • 工具栏界面:作为View的形式存在,它可以放在侧边栏、放在面板、放在编辑器界面分割的位置等等。 侧边栏 如果放在侧边栏书写不方便,也可以把它调整到下边来: 切换栏位 在编辑器右上角添加了打开工具栏界面的按钮,工具栏页面也可以当作一整个页面使用: 双栏

内置了38种Markdown处理工具。

工具箱
工具箱

Markdown工具箱

工具栏名
格式加粗斜体删除线代码段公式段标题提升标题降级
文本块容器折叠引用代码块公式块分隔新一行
链接插入链接插入图片插入链接引用插入脚注插入文件路径删除链接
列表有序列表无序列表任务列表目录列表缩进删除缩进

目录列表 缩进 删除缩进 依赖于其他扩展)

Markdown Table工具箱(依赖其他插件)

工具栏名
CellPrevious CellNext CellCreate TableCSV To Table
ColumnMove LeftMove RightInsert LeftInsert Right
FormattingAlign LeftAlign RightAlign CenterFormat

依赖

你可以选择性安装以下插件,一些功能依赖于以下插件:

设置

  • toolbar.builtin.markdown.activate: 是否激活内置的Markdown工具箱
  • toolbar.builtin.markdown.unorderListStyle: 设置内置Markdown工具箱无序列表的样式,可选值是-,+,*,默认值是+
  • toolbar.builtin.markdown.orderListStyle: 设置内置Markdown工具箱有序列表的样式,可选值是1)1.,默认值是1.

添加其他Markdown扩展的功能到工具箱里去

本扩展支持自定义工具箱,其他扩展的命令功能都可以直接变成一个工具箱界面内的一个按钮。其实,Markdown Table工具箱的所有功能都是其他扩展的命令。

这个功能参见下回分解。

上次编辑于:
贡献者: XiLaiTL