{"id":269259,"date":"2023-05-25T13:53:00","date_gmt":"2023-05-25T10:53:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=269259"},"modified":"2025-03-14T16:08:41","modified_gmt":"2025-03-14T13:08:41","slug":"o-guia-do-iniciante-para-configurar-o-visual-studio-code-em-seu-pc-com-windows","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/pt-pt\/o-guia-do-iniciante-para-configurar-o-visual-studio-code-em-seu-pc-com-windows\/","title":{"rendered":"O Guia do Iniciante para Configurar o Visual Studio Code em seu PC com Windows"},"content":{"rendered":"\n

O Visual Studio Code da Microsoft, tamb\u00e9m conhecido como VS Code, \u00e9 um dos melhores editores de c\u00f3digo gratuitos. O aplicativo \u00e9 uma escolha popular para a maioria dos desenvolvedores, pois \u00e9 relativamente f\u00e1cil de usar e possui recursos exclusivos que tornam a programa\u00e7\u00e3o um pouco menos trabalhosa e repetitiva.<\/p>\n

Se voc\u00ea estiver interessado em verificar o VS Code por si mesmo, veja como faz\u00ea-lo funcionar em um PC com Windows.<\/p>\n

O que faz o VS Code se destacar?<\/h2>\n

Apesar do fluxo constante de editores de c\u00f3digo de primeira classe, h\u00e1 algumas raz\u00f5es pelas quais o VS Code continua sendo uma das op\u00e7\u00f5es mais populares e funcionais.<\/p>\n

Em primeiro lugar, o Visual Studio Code \u00e9 gratuito e multifuncional, o que significa que \u00e9 compat\u00edvel com os outros sistemas operacionais prim\u00e1rios de PC, como Linux, Ubuntu e macOS. Isso permite que voc\u00ea fa\u00e7a a transi\u00e7\u00e3o perfeita de um sistema operacional para outro sem problemas significativos, exceto por pequenas diferen\u00e7as baseadas no sistema operacional.<\/p>\n

Outra vantagem de usar o VS Code \u00e9 que ele possui uma enorme cole\u00e7\u00e3o de recursos que facilitam o processo de escrita, visualiza\u00e7\u00e3o e execu\u00e7\u00e3o de c\u00f3digo. Isso inclui realce de sintaxe e preenchimento autom\u00e1tico. Ele tamb\u00e9m possui um reposit\u00f3rio de c\u00f3digo integrado e um depurador embutido que acelera significativamente o processo de detec\u00e7\u00e3o de bugs.<\/p>\n

Al\u00e9m disso, por ser o editor de texto mais popular, muitos desenvolvedores de c\u00f3digo aberto est\u00e3o constantemente criando e atualizando VS Code Extensions, o que o torna mais atraente que seu concorrente mais pr\u00f3ximo, o Atom<\/a>. O GitHub desenvolveu inicialmente o Atom, depois foi adquirido pela Microsoft<\/a>, tornando o Atom um parente distante do Visual Studio Code.<\/p>\n

Para tornar as coisas ainda mais interessantes, a Microsoft anunciou recentemente que agora voc\u00ea pode come\u00e7ar a codificar em seu navegador com o Microsoft Visual Studio Online<\/a>. Isso significa que agora voc\u00ea pode escrever e executar programas em qualquer lugar, pegando seu trabalho em qualquer outro sistema com conex\u00e3o \u00e0 Internet sempre que seu computador pessoal estiver indispon\u00edvel.<\/p>\n

Esse desenvolvimento tamb\u00e9m significa que os membros da equipe em diferentes locais agora podem colaborar em um projeto e ver os resultados de seu trabalho em tempo real, aumentando ainda mais o fasc\u00ednio da programa\u00e7\u00e3o com o VS Code.<\/p>\n

Como baixar e instalar o VS Code no Windows<\/h2>\n

A instala\u00e7\u00e3o do Visual Studio Code \u00e9 simples e f\u00e1cil de concluir se voc\u00ea seguir as etapas a seguir:<\/p>\n

1 Acesse o site oficial do Microsoft Visual Studio Code<\/h3>\n

\"O<\/a><\/p>\n

Fa\u00e7a logon no site do Visual Studio Code<\/a> e clique na seta suspensa ao lado do bot\u00e3o Baixar para Windows<\/strong>. Depois disso, voc\u00ea ser\u00e1 presenteado com diferentes op\u00e7\u00f5es. Clique no mais adequado para o seu PC e o download deve come\u00e7ar automaticamente.<\/p>\n

Se voc\u00ea n\u00e3o tiver certeza de qual vers\u00e3o baixar, recomendamos que verifique as especifica\u00e7\u00f5es do seu PC<\/a> para determinar qual seria a mais adequada para o seu sistema. Depois disso, clique na vers\u00e3o que deseja baixar e ela come\u00e7ar\u00e1 a baixar automaticamente.<\/p>\n

2 Execute o instalador e selecione sua pasta de destino<\/h3>\n

\"O<\/a><\/p>\n

Quando o download estiver conclu\u00eddo, inicie o instalador. Aceite a licen\u00e7a concordando com os termos e condi\u00e7\u00f5es na tela e clique em Avan\u00e7ar<\/strong>.<\/p>\n

O Select Destination Location<\/strong> especifica onde todos os arquivos relacionados ao VS Code estar\u00e3o localizados em seu computador. O local padr\u00e3o \u00e9 a pasta Arquivos de Programas<\/strong> no Disco Local do seu PC. Para alterar o local, clique em Procurar<\/strong> e escolha um novo diret\u00f3rio.<\/p>\n

Observe que o Visual Studio Code tem um requisito m\u00ednimo de espa\u00e7o de armazenamento. Como tal, voc\u00ea deve ter espa\u00e7o de armazenamento suficiente para instalar o aplicativo. Se voc\u00ea n\u00e3o tiver espa\u00e7o suficiente, exclua alguns aplicativos ou arquivos multim\u00eddia, esvazie a lixeira e tente executar novamente o instalador.<\/p>\n

Repita essa tarefa at\u00e9 que haja armazenamento suficiente para concluir a instala\u00e7\u00e3o e clique em Avan\u00e7ar<\/strong>.<\/p>\n

\"O<\/a><\/p>\n

Isso \u00e9 para criar uma pasta no menu Iniciar contendo um \u00edcone de atalho do VS Code para permitir que voc\u00ea acesse o aplicativo com apenas um clique no bot\u00e3o do Windows<\/strong> ap\u00f3s a conclus\u00e3o da instala\u00e7\u00e3o.<\/p>\n

Voc\u00ea pode alterar a localiza\u00e7\u00e3o potencial do atalho clicando em Procurar.<\/strong> Escolha um local de sua prefer\u00eancia e clique em Avan\u00e7ar<\/strong>. Se voc\u00ea decidir n\u00e3o criar um atalho para o aplicativo, marque a caixa N\u00e3o criar uma pasta do menu Iniciar.<\/strong><\/p>\n

Depois de fazer sua sele\u00e7\u00e3o, clique em Avan\u00e7ar<\/strong> para prosseguir para a pr\u00f3xima etapa da instala\u00e7\u00e3o.<\/p>\n

4 Selecionando Tarefas Adicionais<\/h3>\n

\"O<\/a><\/p>\n

Isso informa ao instalador se ele deve incluir funcionalidades extras no aplicativo.<\/p>\n

Recomendamos que voc\u00ea marque a caixa Criar um \u00edcone na \u00e1rea de trabalho<\/strong> para criar um \u00edcone na tela inicial para garantir acesso r\u00e1pido ao aplicativo. No entanto, deixar essa caixa desmarcada n\u00e3o afetar\u00e1 a qualidade do seu trabalho ou a funcionalidade geral do aplicativo.<\/p>\n

Ap\u00f3s marcar as outras caixas de acordo com sua prefer\u00eancia, clique em Avan\u00e7ar<\/strong>.<\/p>\n

5 Conclua a instala\u00e7\u00e3o<\/h3>\n

A parte complicada est\u00e1 atr\u00e1s de voc\u00ea. Apenas sente-se, espere o processo de instala\u00e7\u00e3o terminar e clique em Concluir.<\/strong> Depois disso, inicie o aplicativo e seu Microsoft Visual Studio Code deve estar pronto para uso.<\/p>\n

Introdu\u00e7\u00e3o ao c\u00f3digo VS<\/h2>\n

Depois de instalar o Visual Studio Code com \u00eaxito, voc\u00ea deve personaliz\u00e1-lo. Ao iniciar o aplicativo pela primeira vez, voc\u00ea ver\u00e1 uma p\u00e1gina Come\u00e7ar com o VS Code<\/strong>. Este \u00e9 o ponto de partida da sua personaliza\u00e7\u00e3o, e daremos algumas dicas de personaliza\u00e7\u00e3o.<\/p>\n

1 Escolhendo seu tema de cores<\/h3>\n

\"O<\/a><\/p>\n

Como qualquer aplicativo moderno, voc\u00ea pode configurar o VS Code em v\u00e1rios temas de cores com base em suas prefer\u00eancias. Clique em Browse Color Themes<\/strong> para ver os diferentes temas dispon\u00edveis. Isso exibir\u00e1 uma lista suspensa; voc\u00ea pode usar as teclas de dire\u00e7\u00e3o do teclado para visualizar e clicar com o bot\u00e3o esquerdo para aplic\u00e1-las.<\/p>\n

Recomendamos que, ao tentar encontrar seus p\u00e9s como um desenvolvedor iniciante, voc\u00ea escolha um tema de cores de alto contraste para evitar que voc\u00ea fique sobrecarregado ou confuso com o esquema de cores.<\/p>\n

2 Personalizando Configura\u00e7\u00f5es<\/h3>\n

\"O<\/a><\/p>\n

Os desenvolvedores dedicaram seu tempo para reunir as configura\u00e7\u00f5es usadas com mais frequ\u00eancia para ajud\u00e1-lo a aproveitar os benef\u00edcios do VS Code. Quanto melhor voc\u00ea ficar como programador, mais poder\u00e1 personalizar as configura\u00e7\u00f5es. Por enquanto, vamos nos ater ao b\u00e1sico.<\/p>\n

Clique em Configura\u00e7\u00f5es<\/strong> na segunda guia aberta no seu VS Code. Voc\u00ea tamb\u00e9m pode abrir as configura\u00e7\u00f5es clicando no \u00edcone inferior no painel vertical \u00e0 esquerda da tela e clicando em Configura\u00e7\u00f5es<\/strong> quando uma lista for aberta.<\/p>\n

Siga isso clicando em comumente usado,<\/strong> que ser\u00e1 o primeiro item contido em uma lista vertical ligeiramente \u00e0 esquerda do menu do VS Code. Deslize pelos conte\u00fados exibidos na tela e modifique-os ao seu gosto.<\/p>\n

3 Usando listas de comandos<\/h3>\n

Existem alguns atalhos de teclado essenciais para o Visual Studio Code<\/a> que voc\u00ea deve aprender. Isso aumentar\u00e1 sua efici\u00eancia e o ajudar\u00e1 em sua jornada para a maestria.<\/p>\n

Alguns dos mais \u00fateis s\u00e3o Shift + Alt + Up<\/strong> e Shift + Alt + Down<\/strong> P,<\/strong> que permitem copiar e colar linhas \u00fanicas de c\u00f3digo. Voc\u00ea tamb\u00e9m pode tentar Ctrl + Shift +<\/strong> para exibir a paleta de comandos enquanto programa.<\/p>\n

4 Adicionando Extens\u00f5es<\/h3>\n

\"O<\/a><\/p>\n

Devido \u00e0 natureza de c\u00f3digo aberto do Visual Studio Code, os desenvolvedores est\u00e3o constantemente desenvolvendo plug-ins. As extens\u00f5es t\u00eam uma ampla gama de usos, com algumas simplesmente embelezando o formato do seu c\u00f3digo.<\/p>\n

Em contraste, outros t\u00eam usos mais pr\u00e1ticos, como a extens\u00e3o Python, que ajuda voc\u00ea a depurar, refatorar e navegar na linguagem de programa\u00e7\u00e3o python com efici\u00eancia.<\/p>\n

Consequentemente, recomendamos explorar o mercado de extens\u00f5es do aplicativo para encontrar extens\u00f5es que se alinhem aos seus interesses.<\/p>\n

Dando seus pr\u00f3ximos passos no VS Code<\/h2>\n

Assim como aprender a programar, dominar os meandros do Visual Studio Code s\u00f3 pode vir da pr\u00e1tica constante. Quanto mais experi\u00eancia voc\u00ea ganhar como desenvolvedor, tamb\u00e9m influenciar\u00e1 diretamente seu n\u00edvel de profici\u00eancia no ambiente do VS Code.<\/p>\n

Como o aprendizado nunca termina, recomendamos que voc\u00ea acompanhe os novos desenvolvimentos no ecossistema do VS Code. Isso varia de novos recursos e extens\u00f5es a configura\u00e7\u00f5es, pois eles melhorar\u00e3o sua experi\u00eancia geral de programa\u00e7\u00e3o e aumentar\u00e3o sua efici\u00eancia.<\/p>\n

Fonte de grava\u00e7\u00e3o: www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

O Visual Studio Code \u00e9 uma escolha popular entre os programadores e por boas raz\u00f5es. Veja como come\u00e7ar a us\u00e1-lo no Windows.<\/p>\n","protected":false},"author":1,"featured_media":252360,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2919],"tags":[3061],"class_list":["post-269259","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-janelas","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/269259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=269259"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/269259\/revisions"}],"predecessor-version":[{"id":310462,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/269259\/revisions\/310462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/252360"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=269259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=269259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=269259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}