O que aprendi tentando criar uma extensão para o VS Code usando Yeoman (não é um tutorial)
Ultimamente, venho buscando fazer projetos mais densos e complexos, porque, no meu início na programação, caí no famoso "tutorial hell". Eu achava que precisava fazer curso atrás de curso para aprender a programar.
Mas, depois de ouvir pessoas mais experientes e perceber alguns padrões em suas trajetórias, entendi uma coisa: eu precisava começar a tirar minhas ideias do papel e encontrar uma forma de transformá-las em código.
Dito e feito. Recentemente, comecei a desenvolver uma extensão para o VS Code usando TypeScript. E adivinha? Eu nunca tinha usado TypeScript antes.
Com a ajuda do ChatGPT para me orientar nos primeiros passos e com a minha breve experiência em JavaScript, fui encarando o desafio e consegui entender o processo de criação de uma extensão. Resolvi escrever este texto para compartilhar, de forma simples, como se começa um projeto desse tipo.
Meu objetivo era criar algo que exibisse uma informação na barra lateral esquerda do VS Code. Futuramente, pretendo escrever um texto mais detalhado sobre a extensão quando ela estiver pronta. Mas, voltando ao assunto, a primeira coisa que fiz foi procurar a documentação oficial de extensões do VS Code.
Logo de cara, ela apresenta uma tecnologia que achei muito interessante: o Yeoman (ou simplesmente "Yo"). Trata-se de uma ferramenta que agiliza todo o processo inicial de criação de uma extensão, evitando que você precise configurar tudo manualmente.
Para instalá-la, basta utilizar o npm e executar o comando:
npm install -g yo
Com isso, o Yeoman gera toda a estrutura necessária para o desenvolvimento da extensão, incluindo dependências, o arquivo principal da extensão (que, no caso do TypeScript, geralmente é o extension.ts), o package.json já configurado e diversos outros arquivos importantes.
O que mais me chamou atenção foi o fato de que a estrutura já vem organizada seguindo boas práticas, deixando claro onde cada parte do código deve ser escrita.
Depois de instalar o Yeoman, o próximo passo é começar a desenvolver sua extensão em TypeScript, utilizando a documentação oficial do VS Code como guia.
Links úteis:
VS Code Extensions: https://code.visualstudio.com/api/get-started/your-first-extension
Yeoman: https://yeoman.io/