WDD 131: Fundamentos da Web Dinâmica

S01 - Configuração: Ferramentas – Edição: Visual Studio Code

Esta atividade de configuração tem como objetivo instalar o Visual Studio Code (VS Code), um editor de código gratuito e de código aberto que oferece suporte ao desenvolvimento, edição e gerenciamento de código personalizado em todas as principais plataformas. O VS Code é leve, poderoso e flexível.

Logotipo Oficial do VS Code

Organizações e programadores individuais decidem quais editores de código usar. Este curso usa o VS Code como o principal editor de código porque ele é gratuito, de código aberto, popular no setor e tem uma grande comunidade de desenvolvedores e extensões.

Instruções

  1. Instale o editor Visual Studio Code caso ainda não o tenha instalado.
  2. Se você já tiver o VS Code instalado, verifique se há atualizações.

    Para verificar atualizações no VS Code, use o menu Ajuda > Verificar se há Atualizações...

  3. Adicione a extensão Live Server no VS Code para iniciar um servidor web local e exibir o seu trabalho no seu navegador.
  4. Personalize sua instalação do VS Code (Ícone de engrenagem no canto inferior esquerdo > Configurações):
    • Ative o salvamento automático
    • Ative a formatação automática – importante para a legibilidade humana do código
    • Ative a atualização automática de tags
    • Opcional: Selecione um tema de editor
    • Opcional: Selecione um tema de ícone
    • Opcional: Ative os recursos de acessibilidade

    Ajuda sobre como personalizar o VS Code pode ser encontrada no Guia do Visual Studio Code.

Durante este curso, é recomendável que você aprenda a usar os User Snippets (fragmentos de código reutilizáveis criados pelo usuário) e os recursos de codificação do Emmet Shorthand (fragmentos de código reutilizáveis nativos ao sistema) para melhorar seu fluxo de trabalho de desenvolvimento. Por enquanto, foque em familiarizar-se com esses conceitos ou peça esclarecimentos adicionais. Ajuda sobre como usar esses recursos também pode ser encontrada na página Guia do VS Code.

Obtendo Ajuda

Concluir todas as etapas é essencial para que você esteja pronto para iniciar o curso e aproveitá-lo ao máximo. Em caso de dúvidas ou dificuldades, estamos à disposição no Microsoft Teams.