Do curso: Fundamentos de Programação: Conceitos Básicos

Como usar o Visual Studio Code

Do curso: Fundamentos de Programação: Conceitos Básicos

Como usar o Visual Studio Code

“

Se você não assistiu ao vídeo sobre GitHub Codespaces no começo do curso, sugiro que pare o vídeo e o assista. Se não, podemos seguir em frente, começando por clicar aqui abaixo do vídeo do botão para abrir o GitHub. Em seguida, clicamos em Code e o "+" para criar um novo codespace. Uma vez carregado seu ambiente, que pode demorar um minuto ou dois, você se depara com essa tela. Aqui, na coluna da esquerda, temos os arquivos e pastas disponíveis. Eu coloquei todo o código do curso dentro da pasta _CODIGO FONTE, que tem tudo o que vamos fazer no curso. Vamos selecionar o arquivo "02_03_olaMundo.js". E vemos o nosso primeiro programa que só tem uma linha de código. Para rodar e executar o programa, basta clicar neste botão de play aqui no topo à direita. Esse nosso programa não faz nada além de imprimir no console aqui abaixo a frase "Olá, mundo!", o que a linha de código está instruindo o computador a fazer, uma linha depois da outra. O console é um objeto do JavaScript que tem uma função chamada log, que acessamos através da sintaxe do ponto. A função, por sua vez, recebe, dentro desses parênteses, um parâmetro, o que vai ser impresso, que neste caso é um texto, que é sempre rodeado de aspas, com o valor: "Olá, Mundo!" Muito bem! Algumas dicas. Toda vez que eu rodo o programa, vemos o resultado no console, que fica cheio rapidamente. Para limpar o console, clique neste botão com as linhas e um X e pronto, o console fica vazio para você poder rodar o código novamente. Finalmente, aqui em cima temos todos os botões para abrir e fechar os painéis da interface. Posso esconder o console e a coluna da esquerda para ter mais espaço, por exemplo. Agora, existem muitas outras coisas que podemos fazer com o Visual Studio Code, mas, por hora, é só.

Conteúdos