DEV Community

Cover image for Snippets para TypeScript no VSCode
Lucas Pereira de Souza
Lucas Pereira de Souza

Posted on

1

Snippets para TypeScript no VSCode

O que são Snippets?

Snippets são pequenos trechos de código que permitem aumentar a produtividade, automatizando a inserção de código repetitivo. No VSCode, você pode usar snippets para agilizar o desenvolvimento em TypeScript.

Image description

Criando Snippets Personalizados

  1. Acesse o arquivo de snippets: Vá em Arquivo > Preferências > Configurações do Usuário > Snippets.
  2. Escolha ou crie um arquivo: Selecione TypeScript ou crie um novo arquivo.
  3. Defina seu snippet:
   {
     "Nome do Snippet": {
       "prefix": "prefixo",
       "body": [
         "const ${1:variavel} = ${2:valor};",
         "// ${3:comentário}"
       ],
       "description": "Descrição do que faz o snippet"
     }
   }
Enter fullscreen mode Exit fullscreen mode

Exemplos Úteis de Snippets

  • Função Assíncrona:
   {
     "Async Function": {
       "prefix": "asyncf",
       "body": [
         "async function ${1:função}(${2:argumentos}) {",
         "  ${3:// código}",
         "}"
       ],
       "description": "Cria uma função assíncrona"
     }
   }
Enter fullscreen mode Exit fullscreen mode
  • Interface:
   {
     "Interface": {
       "prefix": "int",
       "body": [
         "interface ${1:Nome} {",
         "  ${2:propriedade}: ${3:tipo};",
         "}"
       ],
       "description": "Cria uma interface"
     }
   }
Enter fullscreen mode Exit fullscreen mode

Usando Snippets de Extensões

Explore a VSCode Marketplace para encontrar extensões que oferecem snippets prontos para TypeScript, como "TypeScript Snippets".

Conclusão

Utilizar snippets no VSCode pode otimizar seu fluxo de trabalho em TypeScript, permitindo que você se concentre no que realmente importa: escrever código de qualidade.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay