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

简介: 前几天,我写了一篇介绍VS Code绘制流程图的插件,其实,VS Code的强大与惊艳之处远不止于此,本文就来介绍一款可以让VS Code秒变看板工具的插件--Kanban。

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


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


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


1.png


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


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


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


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


Kanban


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


安装

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


使用

2.gif


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


  • 待办(TOdo)
  • 进行中(In Progress)
  • 测试(Testing)
  • 完成(Done)

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


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


Markdown


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


3.png


图表


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


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

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


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


4.gif


过滤功能


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


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


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


5.gif


计时


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


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

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


使用方式如下,


6.gif


集成Toggl


7.gif


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

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


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

相关文章
|
JavaScript 前端开发 开发工具
vscode工具使用教程
vscode工具使用教程
101 0
|
2月前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
60 8
|
8月前
|
IDE C# 开发工具
一个开源轻量级的C#代码格式化工具(支持VS和VS Code)
一个开源轻量级的C#代码格式化工具(支持VS和VS Code)
236 6
|
7月前
|
JSON Ubuntu JavaScript
工具分享:VsCode注释神器,koro1FileHeader
工具分享:VsCode注释神器,koro1FileHeader
246 3
|
8月前
|
API 开发工具 C++
【专栏:工具与技巧篇】使用代码编辑器(VS Code/Sublime Text)提升开发效率
【4月更文挑战第30天】在VS Code与Sublime Text两大流行代码编辑器中,开发者可借助其高效特性提升编程效率。VS Code拥有丰富的插件生态、内置Git集成、强大的调试工具、智能提示和多文件导航功能。Sublime Text则以其轻量级、快速响应、多光标编辑及自定义构建系统见长。学习编辑器的键盘快捷键、自定义配置、使用内置终端以及键绑定和宏,将助开发者进一步提高开发效率。选择适合自己的编辑器并不断适应新技术是提升开发工作流的关键。
327 1
|
8月前
|
前端开发 JavaScript 开发工具
前端开发工具VS Code深度探索
前端开发工具VS Code深度探索
147 1
|
8月前
VSCode插件分享--免费的ER工具
VSCode插件分享--免费的ER工具
99 0
|
8月前
|
JavaScript 前端开发 Java
用超级厉害的VS Code工具来嗨皮编程吧!
用超级厉害的VS Code工具来嗨皮编程吧!
75 0
|
网络协议 Ubuntu Linux
闲置iPad Pro打造真正的生产力工具!使用vscode编程写代码
闲置iPad Pro打造真正的生产力工具!使用vscode编程写代码
705 0
|
人工智能 自然语言处理 搜索推荐
对标ChatGPT、联动VS Code,Stack Overflow推出自研生成式AI工具
对标ChatGPT、联动VS Code,Stack Overflow推出自研生成式AI工具
329 0