太强大！VS Code秒变看板工具

看板在团队协作、团队工作流程管理中能够起到显著且积极的作用，它可以适用于软件开发、项目管理等不同的场景。它能够使得团队内每个人的工作分配、完成情况一目了然，降低团队管理的成本。

曾经我一度为寻找这一类工具而感到费尽心思，希望能够找到一款简单、便捷、好用的看板工具，使得团队内的项目研发、业务进展更加清晰明了。

先后尝试了ftp、云文档、自己搭建网站等各种方法，最终才发现，原来开源且开箱即用的看板工具比比皆是，在GitHub搜索kanban更是高达近10000个kanban相关的项目。

最终，经过层层筛选和对比，我选择了wekan。

它具有界面接单、轻量化、易于部署等优点。但是，也具备一些无法回避的不足，例如，个别页面不完善、交互不够友好，让我最终选择了放弃看板这类工具。

众里寻他千百度，蓦然回首，才发现，曾经寻找了很久的看板工具，早已经集成至VS Code，而且更加方便、更好强大、更加好用。

前几天，我写了一篇让VS Code可以绘制流程图的插件vscode-draw.io，今天就来介绍一款可以让VS Code秒变看板的插件，vscode-kanban，下面就来开始正文吧！

Kanban

要想在VS Code中使用看板，首先需要安装对应的插件。操作非常便捷，下面分两个步骤介绍它的使用。

安装

点击活动栏的“扩展”图标，搜索Kanban插件，点击安装。

使用

点击F1或者ctrl+shift+p，在输入框中输入kanban，选择Kanban: Open Board ...即可打开看板，这时候，你会看到Kanban的界面，它分别包括4项，

• 待办（TOdo）
• 进行中（In Progress）
• 测试（Testing）
• 完成（Done）

我们只需要点击每个模块右上角的+就可以创建对应的事项。

到这里介绍了Kanban的安装与基本使用，下面就来介绍这款VS Code插件的亮点和强大之处。

Markdown

Kanban插件不仅支持普通文本的输入，还支持markdown这类富文本。相对于普通文本，Markdown具有更强的表现力，而且更有助于使用者的阅读和理解。

图表

相对于大多数看板，只能输入枯燥乏味的普通文本。Kanban不仅支持Markdown这种富文本，还支持图表和流程图，这样对事项内容更加一目了然。

Kanban绘制图表类似一款名为plantuml的流程图工具，通过语言和符合描述来绘制图表，例如

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

然后，它就可以在Kanban中绘制图表，

过滤功能

当管理事项逐渐增多时，看板必然会变得密密麻麻，难以分辨。这时候，再通过肉眼逐个去查找，就变得非常繁琐的一项工作。

Kanban这款插件基于filtrex 库实现了卡片过滤功能，我们可以通过简单的文字去过滤想要的内容。

另外，它不仅支持普通的文本文字过滤，还支持内置函数过滤。

计时

每个人在完成各项任务的时候，到底消耗了多长时间？这种量化的指标往往更加能够引起人们的兴趣，Kanban这款插件同样支持这项看似不常用的功能。

默认安装是没有打开计时功能的，如果需要打开，需要在settings.json中添加如下配置项，

{
    "kanban": {
        "trackTime": true
    }
}

使用方式如下，

集成Toggl

Toggl是一款时间管理工具，在时间跟踪分析方面具有更加丰富且强大的功能。Kanban这款插件同样把Toggl集成进了VS Code。需要注意的是，在VS Code中使用Toggl需要配置个人AIP token，

{
    "kanban": {
        "trackTime": {
            "type": "toggl",
            "token": "<YOUR-API-TOKEN>"
        }
    }
}

可以看得出，虽然Kanban只是一款插件，但是功能丝毫不亚于很多桌面应用，功能丰富、使用简单。除此之外，在创建待办时，还可以设定任务类型、任务优先级、任务种类。可以说是产品设计非常细致，可以满足大多数团队管理需求。