Como adicionar trechos de código personalizados ao Atom: Atom é um editor de código muito popular no campo de desenvolvimento web desenvolvido pelo GitHub; O Atom não possui muitos pacotes, mas cada parte dele é personalizável pelo usuário.
O recurso de snippets do Atom pode ser usado para facilitar seu fluxo de trabalho de codificação e reduzir tarefas repetitivas. Este artigo mostrará como usar os snippets de código integrados do Atom e como criar seus próprios snippets personalizados.
Como adicionar snippets de código personalizados ao Atom
Localize o arquivo de configuração
Para adicionar seus próprios trechos de código personalizados ao Atom, primeiro você precisa encontrar o arquivo de configuração chamado snippets.cson, que é um arquivo CoffeeScript Object Notation. Clique no menu Arquivo > Snippets… na barra superior e o Atom abrirá o arquivo snippets.cson ao qual você pode adicionar seus próprios snippets personalizados.
Encontre o escopo certo
O nome do escopo O nome do snippet O prefixo que funcionará como o identificador do snippet O corpo do snippet
Para encontrar o escopo que você precisa, clique no menu Arquivo > Configurações na barra de menu superior e localize a guia Pacotes entre as Configurações. Aqui, faça uma busca pelo escopo que você precisa, por exemplo, se quiser adicionar trechos de código à linguagem HTML, digite HTML na barra de pesquisa.
Criar trechos de código de linha única
Para criar um trecho de código de linha única, você precisa adicionar o escopo, o nome, o prefixo e o corpo do trecho ao arquivo snippets.cson, usando a seguinte sintaxe:
Criar Trechos de código multilinha
Os trechos de código multilinha usam uma sintaxe um pouco diferente. Você precisa adicionar os mesmos dados dos snippets de linha única — o escopo, o nome, o prefixo e o corpo do snippet.
Adicionar paradas de tabulação
Você pode ainda mais facilite o uso de seus snippets de código personalizados adicionando paradas de tabulação ao corpo do snippet. As paradas de tabulação indicam os pontos onde o usuário pode navegar usando a tecla Tab. Com paradas de tabulação, você pode economizar o tempo que a navegação no texto requer. Você pode adicionar paradas de tabulação usando a sintaxe $1, $2, $3, …. O Atom posicionará o cursor no local onde encontra $1, então você pode pular para $2 com a tecla Tab, depois para $3 e assim por diante.
Adicionar parâmetros opcionais
O Atom permite você pode adicionar informações extras aos seus snippets usando parâmetros opcionais. Esse recurso pode ser útil se outra pessoa também usar seu editor e você quiser que ela saiba o objetivo do snippet, ou se você tiver snippets personalizados tão complicados que precise adicionar notas a eles.
Por que Os trechos de código são úteis
Quando comecei a aprender a codificar, os primeiros trechos de código que usei foram Ctrl + ! e Entrar. (Duvido que alguém tenha memorizado como escrever isso.) Foi legal e me senti como um ninja do código. (PS: Se você não quiser ler a história de fundo e quiser pular direto para o tutorial, pule direto…)
Quando comecei a explorar mais a codificação, aprendi sobre as extensões do VSCode que tornavam a codificação mais rápido, especialmente trechos de código, e baixados repetidamente. Tudo estava bem, mas comecei a usar frameworks e bibliotecas com mais frequência em meus projetos. Então, tentei aprender como vincular documentação a pacotes e como usar redefinições e variáveis CSS personalizadas.
Perguntas frequentes
Como adicionar trechos de C no VS Code?
Destaque o código para o qual você deseja criar um trecho, pressione ctrl + shift + P, digite “criar trecho” na paleta de comandos e pressione ENTER. Insira um nome de trecho, um atalho para o trecho e uma descrição do trecho. Agora você está pronto para começar.
O que são snippets de código personalizados?
Um snippet de código é um termo de programação que se refere a uma pequena porção de código-fonte reutilizável, código de máquina, ou texto. Os snippets ajudam os programadores a reduzir o tempo necessário para digitar informações repetitivas durante a codificação. Os trechos de código são um recurso na maioria dos editores de texto, editores de código e IDEs.