Sublime Text - Snippets

Snippets são os modelos inteligentes que podem ser reutilizados sempre que necessário. O editor de texto sublime inclui recurso de snippets para modelos HTML. Neste capítulo, você aprenderá sobre eles em detalhes.

Entendendo Snippets

Snippets são arquivos XML simples com vários atributos. Eles incluem uma extensão chamadasublime-snippet. A tag raiz do elemento XML será o<snippet>tag. Os snippets criados são salvos noPackages pasta e são considerados como residentes nesta pasta.

O formato do arquivo e a sintaxe dos snippets são discutidos em detalhes a seguir -

  • Content −Esta seção inclui a descrição do snippet.

  • tabTrigger - Inclui uma sequência de caracteres que dispara quando o snippet é escrito.

  • Scope - Define o escopo no qual o snippet permanece ativo.

  • Description- Inclui toda a meta descrição. Ele será exibido quando o menu do snippet for aberto.

Criando o primeiro snippet

Você pode criar o snippet padrão usando Tools → Developer → Snippet opção.

Então, um snippet de demonstração com as tags associadas será criado conforme mostrado abaixo -

Para criar um primeiro trecho no editor de Texto Sublime, clique no Tools menu e selecione o Snippets opção da janela suspensa, conforme mostrado na imagem aqui.

Agora escolha Snippet:html a partir das opções exibidas.

Isso cria um snippet padrão no arquivo html especificado, conforme mostrado abaixo.

Observe que existem vários snippets para diferentes tipos de arquivos. Para arquivos html na base de código, existem três fragmentos definidos no editor de texto Sublime, conforme mostrado abaixo.

Fragmentos de controle de pacote

Os snippets de controle são usados ​​principalmente para o desenvolvimento de produtos. Cominstall packages opção no editor Sublime, você pode baixar qualquer snippet necessário para desenvolvimento web e instalá-lo.

Você pode precisar dos seguintes pacotes para desenvolvimento web -

  • EverCodeLab Sublime suporta Ruby on Rails
  • Snippets de PHP adicionais para PHP
  • Snippets de HTML para arquivos HTML
  • Snippets de bootstrap do Twitter para bootstrap do Twitter
  • Snippets de JavaScript para arquivos JS
  • Pacote de snippets jQuery para jQuery