Article image
Jessica Silva
Jessica Silva27/10/2023 14:11
Compartilhe

Visual Studio Code: Extensões Essenciais para Iniciantes em Programação

    Olá a todos, vim compartilhar com vocês meu primeiro artigo.

    O Visual Studio Code, muitas vezes chamado de VS Code, é um dos editores de código mais populares do mundo. Sua popularidade entre programadores de todos os níveis se deve, em grande parte, à sua extensibilidade e facilidade de uso. Neste artigo, escrevo sobre as extensões que foram e continuam sendo essenciais para mim nesse início de estudo.

    Sendo elas:

    HTML CSS Support:

    image

    • Esta extensão fornece suporte aprimorado para edição de HTML e CSS. Ela oferece recursos como autocompletar, realce de sintaxe e verificação de erros para melhorar a eficiência ao escrever código HTML e CSS. É especialmente útil para desenvolvedores web que desejam garantir que seu código esteja bem formatado e livre de erros.

    Live Preview:

    image

    • O "Live Preview" permite que você visualize instantaneamente as alterações em seu código HTML e CSS à medida que as faz. Ele sincroniza automaticamente a visualização da página da web com o código que você está editando, facilitando a visualização de como suas alterações afetam o layout e o design da página em tempo real. Isso é valioso para o desenvolvimento web, pois economiza tempo e simplifica o processo de teste.

    Live Server:

    image

    • O "Live Server" é uma extensão que cria um servidor local para sua aplicação web. Ele permite que você execute seu site ou aplicação localmente e visualize as mudanças em tempo real à medida que você as faz. Isso é particularmente útil para testar sites estáticos e dinâmicos, pois elimina a necessidade de configurar um servidor separado.

    Figma for VS Code:

    image

    • Essa extensão integra o Figma, uma ferramenta de design colaborativo, com o Visual Studio Code. Ela permite que você acesse seus projetos do Figma diretamente no VS Code, tornando mais fácil colaborar em projetos de design e desenvolvimento. Você pode visualizar e copiar elementos de design diretamente em seu código.

    Lorem Ipsum:

    image

    • O "Lorem Ipsum" é uma extensão útil para preencher espaços reservados com texto de exemplo em seu código. Isso é especialmente valioso durante o desenvolvimento, quando você deseja ver como o conteúdo será exibido, mas ainda não possui o texto final. A extensão gera automaticamente texto de exemplo (Lorem Ipsum) e insere-o no seu código.

    Polacode:

    image

    • "Polacode" é uma extensão que ajuda a criar imagens de trechos de código para compartilhamento ou documentação. Ela permite que você capture trechos de código formatados em seu editor como imagens, tornando mais fácil compartilhar código visualmente atraente em apresentações, artigos ou redes sociais.

    Espero que este artigo tenha sido útil, especialmente para você que está começando sua jornada em programação. O Visual Studio Code é uma ferramenta poderosa e versátil, podendo ser personalizado de acordo com a sua necessidade.

    Agradeço por ler e espero ter ajudado em sua jornada! (:

    Compartilhe
    Comentários (3)
    Jose Filho
    Jose Filho - 27/10/2023 18:31

    Olá! Obrigado pelo compatilhamento das extensões. Conteúdo enriquecedor...

    Julia Rocha
    Julia Rocha - 27/10/2023 16:50

    Conteúdo Incrível

    JA

    Jarbas Abreu - 27/10/2023 14:51

    Olá Jessica, parabéns e obrigado pelo compartilhamento do seu conhecimento. Falo como leigo em transição de carreira, buscando um norte em TI. Informações importantes que você de forma rápida e direta demonstrou serem bem úteis e práticas para área de programação em seus diversos níveis. Siga compartilhando conhecimento, isso muda o mundo e ajuda demais os iniciantes e colegas da área. Sucesso!