.infineon/_-Review/kanban-in-vscode.md

created, type, updated

created	type	updated
2024-07-18T15:17:52.557Z	note	2024-07-18T15:44:33.208Z

Kanban in VSCode

Extensions

• bierner.markdown-checkbox
• gordonlarrigan.vscode-kanbn
• redhat.vscode-yaml
• ifx.type-script-helper

Syntax

• basic-syntax
• # H1 (file name and H1 must match param case)
• ## H2
• Frontmatter is in yaml ifx.type-script-helper View: Show Kanban can be used to update dates
• sub-task
• sub-task completed

Usage

• gordonlarrigan.vscode-kanbn extension create index file h1 must be in param case (see ifx.type-script-helper Helper: Transform to Param Case)
• Features are cards
• User stories are sub-tasks
• Tasks are sub-tasks under user-story
• Feature can have sub-kanban
• Override created date and workload being displayed using board.css
• Tags are used to highlight a topic (ei EAF)
• gordonlarrigan.vscode-kanbn extension displays sub-tasks progress and tags on each card
• ifx.type-script-helper extension is used to update feature from sub-kanban
• Can sort cards descending updated
• Can link to other documents vscode best supports referenced links example EDA

Extras

• Use jackyzha0-quartz to generate a static site from markdown files also supports referenced links
• Use tamasruss.kanbandown to create a single file Kanban but it has bugs
• Use fcrespo82.markdown-table-formatter to add table functions to markdown files
• Use catbraaain.mermaid-language and bierner.markdown-mermaid to support mermaid-diagrams

CSS Example

.kanbn-task-data-created {
  display: none;
}

.kanbn-task-data-workload {
  display: none;
}

.kanbn-task-tag {
  background-color: #262626;
  color: #198038;
  font-style: italic;
  font-weight: medium;
  margin: 1px 8px 1px 0;
}