Gerador de Snippet Sublime Text
Cria arquivo .sublime-snippet em formato XML com trigger, scope e conteúdo. Cole em Packages/User/ no Sublime.
—
Snippet do Sublime Text, no XML que ele espera
Snippet no Sublime é um arquivo XML com quatro partes: o conteúdo que será inserido, o gatilho digitado antes do Tab, o escopo em que o snippet fica disponível e a descrição que aparece no menu. O formato é simples, mas tem armadilhas de escape que produzem arquivo que o editor simplesmente ignora, sem mensagem de erro.
Preencha os campos e a página monta o XML. O conteúdo vai dentro de uma seção CDATA, que é o que permite escrever código com sinais de menor e maior sem escapar nada — e a página trata o único caso que ainda quebra ali, que é o conteúdo contendo a própria sequência de fechamento da seção. Os demais campos são escapados normalmente.
No conteúdo valem os marcadores de posição do editor: cifrão seguido de número marca as paradas do cursor na ordem, e a forma com chaves permite texto padrão em cada parada. O cifrão zero marca onde o cursor termina. O escopo é o que evita poluição: um snippet de JavaScript declarado sem escopo passa a aparecer em arquivo de texto, de configuração e de Markdown.
Perguntas frequentes
Onde salvo o arquivo?
Como descubro o escopo correto?
Por que meu snippet não dispara?
Ferramentas Relacionadas
Gerador de Snippet VS Code
Monta um snippet JSON pronto para colar em arquivos *.code-snippets do VS Code, com prefix, body multi-linha e tabstops $1, $2.
Gerador de .vimrc Básico
Monta um .vimrc inicial com cores, números de linha, indentação, busca e atalhos comuns. Bom ponto de partida para iniciantes.
Gerador de .editorconfig
Gere um arquivo .editorconfig com indent_style, charset, end_of_line e trim_trailing_whitespace. Padroniza editores em equipes. Tudo no navegador.
HTML Preview
Escreva HTML, CSS e JavaScript e veja o resultado renderizado em tempo real. Sandbox isolado — nenhum código é enviado ao servidor.
Skip Link Snippet
Gera snippet HTML+CSS de skip link para leitores de tela (WCAG 2.4.1).
Focus-Visible CSS Snippet
Gera snippet CSS focus-visible com cor de outline customizada (WCAG 2.4.7).