Como ativar e usar snippets no editor Atom

Editado 2 meses atrás por ExtremeHow Equipe Editorial

ÁtomoTrechosDesenvolvimentoProgramaçãoProdutividadeSoftwareFerramentas de desenvolvimentoEditor de TextoJanelasMacLinux

O Atom é um editor de texto popular usado por desenvolvedores em todo o mundo. Uma de suas muitas funcionalidades inclui a capacidade de usar snippets. Os snippets podem aumentar significativamente sua produtividade ao permitir que você insira rapidamente trechos de código ou texto usados com frequência. Essa melhoria pode ser especialmente útil para programadores que digitam as mesmas linhas de código regularmente.

O que são snippets?

Snippets são basicamente trechos de texto ou código predefinidos que você pode inserir em seu documento com um mínimo de esforço. Quando codificando, estes podem ser linhas de código repetitivas, templates de função ou qualquer bloco de texto que precisa ser reutilizado frequentemente. Usar snippets economiza tempo e reduz as chances de erros, pois você está trabalhando com linhas de código comprovadas e consistentes.

Como o Atom lida com snippets?

O Atom fornece um pacote integrado para gerenciar e executar snippets. Essa funcionalidade é bastante poderosa e permite que você defina snippets específicos para certas linguagens de programação, tipos de arquivo ou globalmente para todos os arquivos. Os snippets são armazenados em um arquivo de configuração, onde você pode personalizar de acordo com suas necessidades.

Ativando snippets no Atom

Antes de começar a usar snippets no Atom, você precisa garantir que o pacote de snippets, que geralmente vem pré-instalado com o Atom, esteja ativado:

1. Abra o editor Atom.
2. Vá para Configurações clicando em File → Settings no Windows ou Atom → Preferences no macOS.
3. Na aba Configurações, clique em Packages na barra lateral.
4. Encontre o pacote "snippets". Certifique-se de que está ativado. Se não estiver ativado, você pode clicar no botão de ativação.

Uma vez que este pacote esteja ativado, você pode começar a definir seus snippets personalizados.

Definindo seu snippet personalizado

Snippets personalizados no Atom são definidos usando um arquivo .cson localizado no seu diretório de configuração do Atom, geralmente encontrado em ~/.atom/. Se você for para File → Open Your Snippet no menu do Atom, ele abrirá seu arquivo de snippet para edição.

A estrutura de uma definição de snippet no Atom segue este formato:

  '' : '' : 'prefix': '' 'body': ''

Vamos entender o significado de cada um desses componentes:

• '<file type>' : Isto determina o escopo do snippet. Você pode especificar a linguagem ou tipo de arquivo (por exemplo, '.source.python' para arquivos Python) para o qual deseja que o snippet esteja disponível. Use '.text.plain' para visibilidade global.
• '<snippet name>' : Um nome para o snippet. Isto é para fins de identificação e não afeta a funcionalidade.
• 'prefix' : O texto que você digitará para acionar o snippet, como um atalho.
• 'body' : Este é o conteúdo principal do snippet. Quando o prefixo é digitado em um arquivo que corresponde ao escopo, este conteúdo será inserido.

Exemplo de snippet

Suponha que você esteja escrevendo uma função em JavaScript com frequência. Você pode criar um snippet para isso como abaixo:

  '.source.js': 'Function declaration': 'prefix': 'func' 'body': '''function ${1:functionName}(${2:arguments}) { ${3:// body...} }'''

neste exemplo:

• 'func' é o texto de ativação.
• O corpo insere um boilerplate de função JavaScript usando paradas de tabulação representadas por ${1}, ${2}, etc., permitindo que o desenvolvedor navegue rapidamente e edite o campo do placeholder.

Usando snippets no Atom

Uma vez que você tenha definido um snippet em seu arquivo de snippets, usá-lo em seu código é simples:

1. Abra o arquivo no Atom que corresponda ao escopo do snippet.
2. Comece a digitar o prefixo que você deu ao snippet.
3. O Atom irá autocompletar seu prefixo de snippet, e pressionar Tab no teclado irá expandi-lo para o conteúdo completo do snippet.

Ao usar snippets, você pode definir paradas de tabulação (por exemplo, ${1}, ${2}) dentro do corpo do snippet, permitindo que você passe rapidamente de uma parte personalizável do snippet para outra usando a tecla Tab.

Por exemplo, se você estiver usando um snippet de função JavaScript definido anteriormente, você digitaria func no arquivo JavaScript, e então pressionaria a tecla Tab. O Atom irá inserir o template da função, e o cursor será automaticamente posicionado na parada de tabulação ${1:functionName}. Você pode alterar o nome da função conforme necessário e, em seguida, pressionar Tab novamente para mover para o próximo placeholder.

Recursos avançados de snippets

Além de snippets básicos, o Atom permite funcionalidades avançadas, como:

• Transformações de variáveis e lógica condicional : Você pode usar transformações de texto personalizadas em paradas de tabulação e variáveis dentro de um snippet.
• Opção de seleção : Permite ao usuário selecionar uma opção específica em uma parada de tabulação.

Esses recursos podem adicionar complexidade aos seus snippets e torná-los uma ferramenta ainda mais poderosa.

Editando e importando snippets

Você pode atualizar seu arquivo de snippets a qualquer momento para editar snippets existentes ou adicionar novos. Para compartilhar ou importar snippets, tudo o que você precisa fazer é copiar as definições de snippet e colá-las no arquivo de snippets de outra instalação do Atom. Certifique-se de que a sintaxe e a indentação estejam corretas para que o editor Atom possa analisá-las corretamente.

Resolução de problemas em snippets

Podem haver muitas instâncias em que os snippets não estão funcionando como esperado. Aqui estão alguns problemas comuns e suas soluções:

• Certifique-se de que o pacote de snippets esteja ativado no Atom.
• Verifique se há sintaxe válida no seu arquivo de snippets. Problemas de análise podem impedir o funcionamento do snippet.
• Verifique se o arquivo em que você está trabalhando corresponde ao escopo que você definiu para o snippet.
• Se os snippets não forem ativados, tente desativar qualquer pacote conflitante que possa estar bloqueando as mesmas teclas de atalho.

Conclusão

Usar snippets no Atom é uma maneira simples, mas poderosa, de otimizar seu fluxo de trabalho e economizar tempo valioso. Uma vez que você se acostumar a usar snippets, a velocidade e a consistência que eles proporcionam podem ser um divisor de águas para qualquer desenvolvedor ou programador. Ao customizar snippets para suas necessidades específicas, você pode reduzir a digitação repetitiva e minimizar erros. Como qualquer ferramenta, quanto mais você usa e refina seus snippets, mais eficiente você se tornará. Feliz programação!

  Compartilhe Este Artigo

Se você encontrar algo errado com o conteúdo do artigo, você pode solicitar uma atualização