Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>TODO BoardNew to Visual Studio Code? Get it now.
TODO Board

TODO Board

dantewebmaster

|
7 installs
| (0) | Free
Organize seus TODOs em um quadro Kanban visual com prioridades, labels e busca customizável
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TODO Board

Version Installs Rating License

Faça um scan automático no seu workspace. Organize seus TODOs em um quadro Kanban visual com prioridades, labels, filtros, texto e rastreamento de idade

Instalação • Funcionalidades • Uso Rápido • Configuração • Contribuir


🚀 Instalação

  1. Abra o VS Code
  2. Vá em Extensions (Cmd+Shift+X / Ctrl+Shift+X)
  3. Busque por "TODO Board"
  4. Clique em Install

Ou instale diretamente: VS Code Marketplace

✨ Funcionalidades

📊 Quadro Kanban Visual

Visualize todos os seus TODOs organizados em um quadro Kanban com 3 colunas de prioridade:

  • High: Tarefas urgentes e críticas
  • Medium: Tarefas importantes mas não urgentes
  • Low: Tarefas de baixa prioridade

Os cards são clicáveis e abrem o arquivo diretamente na linha exata do TODO.

Board Kanban


🕐 Rastreamento de Idade

Acompanhe há quanto tempo cada TODO foi criado e identifique tarefas esquecidas:

  • 🟢 Fresh (≤7 dias) - TODOs recém-criados
  • 🟡 Recent (≤30 dias) - TODOs do último mês
  • 🟠 Old (≤90 dias) - TODOs antigos que precisam atenção
  • 🔴 Abandoned (>90 dias) - TODOs abandonados

Filtro por idade do TODO


🔍 Filtros Avançados

Sistema completo de filtros para encontrar exatamente o que você precisa:

  • Filtro por Texto: Encontre rapidamente TODOs com base em texto digitado
  • Filtro por Labels: Selecione múltiplas labels simultaneamente
  • Filtro por Idade: Filtre por categoria de tempo
  • Ordenação: Organize por data de criação ou prioridade
  • Indicadores Visuais: Veja filtros ativos com botão de reset rápido

Filtros avançados e reset


🏷️ Labels Customizadas

Categorize seus TODOs com labels inteligentes que incluem cores e ícones automáticos. Existem labels predefinidas, porém é possível nomear a vontade suas próprias labels:

Lista de labels predefinidas:

  • refactor
  • bug
  • feature
  • cleanup
  • docs
  • ui
  • ux
  • database
  • api
  • security
  • performance
  • lint
  • dead-code
  • unused-code
  • docs
  • test
  • improvement
  • optimization
  • config

Você pode usar labels customizadas no formato: @TODO: [labe1, label2] descrição

Labels customizadas e predefinidas


🎨 Highlight de TODOs no Editor

Destaque visual de TODOs diretamente no código com cores baseadas em prioridade e com configuração adiconal para customizar cores ou desativar:

  • 🔴 High Priority: Destaque em vermelho para tarefas urgentes
  • 🟠 Medium Priority: Destaque em laranja para tarefas importantes
  • 🔵 Low Priority: Destaque em azul para tarefas de baixa prioridade

O highlight funciona com comentários de linha única (//, #) e blocos (/* */, /** */), respeitando a configuração de maxTodoLines para limitar quantas linhas são destacadas.

Highlight de TODOs no editor


📊 Sidebar Integrada

Painel lateral com visão geral completa do seu workspace:

  • Estatísticas em Tempo Real: Total de TODOs, distribuição por prioridade
  • Filtro Rápido por Label: Clique para filtrar instantaneamente
  • Sincronização Visual: Atualizações automáticas com o quadro principal

Sidebar integrada ao board


⌨️ Inserção Rápida de TODOs

Insira TODOs formatados automaticamente com um único atalho (Cmd/Ctrl+Shift+T) ou usando comando TODO board Insert TODO Comment:

  • Detecta automaticamente a linguagem do arquivo
  • Usa o formato de comentário correto
  • Permite adicionar prioridade e labels interativamente

Atalho inserindo TODO

📖 Uso Rápido

Escanear Workspace

Cmd/Ctrl + Shift + P → "TODO Board: Scan @TODO". O primeiro scan levará alguns segundos, os próximos serão praticamente instantâneos.

Abrir Board

Cmd/Ctrl + Shift + P → "TODO Board: Open Board". Ou clique no ícone na Activity Bar.

Inserir TODO Comment

Cmd/Ctrl + Shift + P → "TODO Board: Insert TODO Comment"

⚙️ Configuração

Configurações

{
  // Extensões de arquivo para escanear
  "todo-board.fileExtensions": [
    "ts", "tsx", "js", "jsx", "vue", "py", "go", "rb"
  ],

  // Padrões de busca customizáveis
  "todo-board.searchPatterns": ["@TODO", "FIXME", "BUG"],

  // Máximo de linhas por TODO
  "todo-board.maxTodoLines": 4
}

⚡ Performance

  • 🚀 Cache inteligente baseado em mtime
  • 🔄 Processamento paralelo de arquivos
  • 🚫 Exclusões automáticas: node_modules, .git, dist, etc
  • 📊 10.000 arquivos: ~5-10s (primeiro scan), ~1-2s (com cache)

📋 Comandos

Comando Atalho Descrição
TODO Board: Scan @TODO - Escaneia workspace
TODO Board: Open Board - Abre quadro Kanban
TODO Board: Insert TODO Comment Cmd/Ctrl+Shift+T Insere TODO formatado
TODO Board: Clear Age Cache - Limpa cache de idades

🤝 Contribuindo

Contribuições são bem-vindas! Veja o guia de contribuição.

  • 🐛 Reportar bugs
  • 💡 Sugerir features
  • 📝 Melhorar documentação
  • ⭐ Dar estrela no repositório

📄 Licença

MIT © Dante Roberio


📋 Changelog • 🤝 Contribuir • 📝 Licença

Desenvolvido com ❤️ para melhorar a gestão de TODOs no VS Code

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft