Artigos de Tecnologia e Negócios > Front-end

VisualStudio Code: instalação, teclas de atalho, plugins e integrações

Mario Souto
Mario Souto

Preciso admitir que nos últimos dois anos, por mais que entre uma atualização ou outra alguma coisinha ficasse estranho eu praticamente não consigo me imaginar sem o VSCode. Eu uso ele como se fosse uma extensão do meu braço praticamente, isso é ruim quando estou pareando com alguém que usa outro editor… Mas enfim isso é assunto para um outro post, a ideia aqui é tentar passar um pouco de como o VsCode com suas features hoje me ajuda a ser produtivo ainda passando uma listinha de plugins e integrações que ele tem (Acredite, é possível codar em Java).

Por onde começar?

Para baixar o editor basta acessar o site na área de download, o suporte hoje está bem bacana.

Página de download do VS Code

Muita gente pensa que o VsCode só é para Front Enders, mas isso é uma falácia, claro que cada linguagem possui uma ferramenta escolhida pela comunidade mas o VSCode se encaixa bem em vários casos como eu cito nessa sessão aqui do post.

Como começar e atalhos que farão você voltar nesse post no futuro

Refatoração de código com ajuda do VSCode

Caso queira outras dicas, recomendo fortemente acessar a documentação do VsCode

A integração com git é boa mesmo?

Confesso que durante muito tempo eu tinha o sonho de ser um ninja no Git, queria saber todos os comandos de cor e salteado; e ser o maior hackerman na hora de resolver conflitos e tudo mais, porém, o tempo vai passando e hoje em dia para ser mais produtivo, após ter consolidado minha base eu vou usando os recursos que o VsCode fornece para facilitar processos que eu já fazia por padrão:

Review pré commit

Hoje em dia eu acho bem mais fácil revisar todos os arquivos que eu mexi antes de fazer um commit dado a coloração que o VSCode faz em cima do que você apagou e do que foi adicionado, toma cuidado com esse recurso pq pode deixar bem mais difícil trocar de ferramenta em um futuro (e foi assim que eu não consegui me adaptar ao Web Storm).

Imagem da aba de git mostrando linhas adicionadas e removidas

Imagem direto da documentação do VSCode

Resolução de conflitos mais clara

Quem nunca resolveu conflito de merge errado que atire a primeira pedra. Eu já me perdi muito com isso e hoje usando o VSCode eu me sinto bem mais seguro, novamente a interface deles para interagir com processos do git brilha! Da uma olhada nessa imagem e já deixo o convite para testar com algum conflito que você pode estar resolvendo agora (ou mais tarde).

Imagem de como é uma resolução de conflito

Imagem direto da documentação do VSCode

Suportes

Plugins legais

No geral eu evito plugins, na época do sublime eu era muito viciado e acabei sofrendo quando formatei o computador e perdi tudo... Uma das vantagens do VSCode pra mim é ele ter muita coisa nativamente e eu praticamente não sentir a necessidade de colocar coisas extras, o que eu uso e que talvez faça sentido para você são as extensões abaixo.

Conclusão

Existe muita briga entre a linha do que é uma IDE e o que é um editor de texto, mas na prática o que faz diferença de verdade é o quão produtivo você é com a ferramenta. Para quem curtir outros editores ou quiser ver um pouco sobre tudo o que tivemos ao longo dos anos no desenvolvimento, da uma olhada neste episódio do Hipsters Ponto Tube que eu gravei junto com o Paulo Silveira.

Se você curtiu, não deixe de seguir minhas redes sociais procurando por @omariosouto e dar uma olhadinha no meu site que sempre ta saindo algo novo por lá https://mariosouto.com.br

Até a próxima :)

Artigos de Tecnologia e Negócios > Front-end

Cursos profissionais de Front-end é na Alura, comece agora!

  • 1155 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 1155 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 1155 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 1155 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Procurando planos para empresas?
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana