Code Snippets | VS Code

Adicionando e configurando snippets no Visual Studio Code.

Neste artigo, vou explicar como adicionar e configurar snippets no Visual Studio Code.

Passo 1: Abra a paleta de comandos

Pressione as teclas "Ctrl + Shift + P" no Windows ou "Cmd + Shift + P" no Mac para abrir a paleta de comandos do Visual Studio Code.

Passo 2: Selecione "Configure User Snippets"

Digite "Configure User Snippets" na caixa de pesquisa da paleta de comandos e selecione a opção que aparece. Isso abrirá uma lista de linguagens suportadas no VS Code.

Passo 3: Selecione a linguagem para a qual você deseja adicionar um snippet

Selecione a linguagem na qual deseja adicionar o snippet. Por exemplo, se você quiser adicionar um snippet para JavaScript, selecione "JavaScript" na lista.

Passo 4: Crie o snippet

Dentro deste arquivo, você pode definir o nome do snippet, o prefixo que será usado para invocar o snippet e o conteúdo real do snippet. Certifique-se de incluir uma descrição útil do snippet, que ajude a lembrar o que ele faz.

Por exemplo, aqui está um snippet simples para imprimir "Olá, mundo!" em JavaScript:

{
    "Imprimir Olá Mundo": {
        "prefix": "ola",
        "body": [
            "console.log('Olá, mundo!');"
        ],
        "description": "Imprime 'Olá, mundo!' no console"
    }
}

Passo 5: Salve o snippet

Depois de adicionar o snippet, salve o arquivo com o nome da linguagem seguido da extensão ".json" (por exemplo, "javascript.json"). Certifique-se de salvar o arquivo dentro da pasta ".vscode" em sua pasta de trabalho.

Passo 6: Use o snippet

Agora, você pode usar o snippet no seu código-fonte. Digite o prefixo do snippet e pressione "Tab" para inserir o conteúdo do snippet. No exemplo acima, se você digitar "ola" e pressionar "Tab", o snippet imprimirá "Olá, mundo!" no console.

Conclusão

Adicionar e configurar snippets no Visual Studio Code é fácil e pode economizar muito tempo e aumentar a produtividade. Com esses passos simples, você pode criar seus próprios snippets personalizados e usá-los facilmente em seu código-fonte. Experimente adicionar alguns snippets para as linguagens de programação que você usa com mais frequência e veja como isso pode melhorar seu fluxo de trabalho como desenvolvedor.