Essa extensão traz uma coleção poderosa de snippets HTML, CSS e JavaScript, perfeitos para quem quer codar mais rápido, com estilo e sem perder a sanidade. Digite um atalho, invoque seu snippet, e continue sua jornada de desenvolvimento como o verdadeiro herói que você é.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
No meio da correria com prazos apertados, bugs traiçoeiros e a temida tela em branco, surge um time de heróis para te salvar: os Tiny Code Heroes! ⚡
Essa extensão traz uma coleção prática e divertida de snippets de HTML, CSS e JavaScript para acelerar seu desenvolvimento com estilo e eficiência. Quer montar uma estrutura HTML? Centralizar um elemento com Flexbox? Fazer um console.log() rapidinho? Temos um herói pra isso!
✨ Funcionalidades
⚡ Snippets rápidos, limpos e organizados
🧠 Prefixos fáceis de lembrar
📦 Cobertura de HTML básico, utilitários CSS e funções JS do dia a dia
💬 Um toque de leveza e humor no seu fluxo de trabalho
🚀 Exemplos de Snippets
Aqui vão alguns atalhos que seus heróis podem ativar:
Prefixo
Linguagem
Descrição
html5
HTML
Estrutura básica do HTML5
img
HTML
Tag de imagem <img src="" alt="">
form
HTML
Estrutura de formulário
flexcenter
CSS
Centralização com Flexbox
grid2
CSS
Layout com Grid de 2 colunas
clg
JavaScript
console.log() instantâneo
afn
JavaScript
Arrow function
fetch
JavaScript
Requisição básica com fetch()
🛠️ Como Usar
Instale a extensão Tiny Code Heroes pela Visual Studio Code Marketplace.
Abra um arquivo .html, .css ou .js.
Digite um dos prefixos, como tch-html5, tch-reset ou tch-clg.
Pressione Tab ou Enter e veja a mágica acontecer.
💡 Dica
Quer criar seus próprios snippets ou editar os existentes? Basta abrir a paleta de comandos (Ctrl+Shift+P ou Cmd+Shift+P) e escolher: