Como executar JavaScript no VS Code

Neste artigo você vai aprender a como executar JavaScript no VS Code, utilizando uma extensão do poderoso editor de código

Pra executar JavaScript no VS Code, o caminho mais rápido é instalar a extensão gratuita Code Runner (de Jun Han) no marketplace do editor e rodar o código com o atalho Ctrl + Alt + N. Prefere sem extensão? Com o Node.js instalado, abra o terminal integrado (Ctrl + `) e rode node nome-do-arquivo.js

Fala programador(a), beleza? Bora aprender mais sobre JavaScript no VS Code!

Para rodar JavaScript no VS Code vamos precisar de uma extensão, ela é totalmente gratuita

O seu nome é Code Runner, você pode buscá-la no marketplace do próprio editor

Clicando aqui você acessa a página da extensão

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Agora seguem algumas instruções para executar o código:

• Ctrl + Alt + N: abre o painel e executa o código;
• F1 e Digitar Run Code: roda o código;
• Ctrl + Alt + M: para de executar o código;
• F1 e digitar Stop Code Run: para de executar o código;

Estas são as principais funcionalidades da extensão

Mas olhando a documentação você consegue realizar outras configurações

Então se algo que você precisa não foi abordado aqui, dê uma olhada que lá você vai encontrar 🙂

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você aprendeu a como executar JavaScript no VS Code

Utilizamos para isso uma extensão, a Code Runner, que pode ser encontrada gratuitamente no marketplace Visual Studio Code

Assim você consegue executar os seus códigos no próprio VS Code sem precisar utilizar uma outra ferramenta ou compilar

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Explicar o segundo caminho, sem instalar nada além do que roda JS de verdade: com o Node.js instalado na máquina, abre-se o terminal integrado do VS Code (Ctrl + `) e roda-se node nome-do-arquivo.js. Vale citar que dá pra fazer o mesmo pela paleta de comandos (F1 ou Ctrl + Shift + P) escolhendo ‘Run Node.js in Terminal’, e avisar o leitor que esse caminho depende do Node.js estar instalado antes (antecipa o erro de quem tenta rodar sem ter Node).

Enriquecer a apresentação com o que é verificável: a Code Runner é mantida por Jun Han, é gratuita no marketplace do VS Code e roda dezenas de linguagens além de JavaScript (Python, Java, C, PHP e por aí vai). Mencionar também que, além dos atalhos, dá pra executar pelo botão Play no canto superior direito ou clicando com o botão direito e escolhendo ‘Run Code’.

Adicionar um FAQ curto respondendo as perguntas gêmeas da busca (sem extensão, atalho, precisa de Node.js, é gratuito). Conteúdo sugerido no campo ‘geo.faq’.

Não há material próprio do Hora de Codar testando a execução de JavaScript no VS Code, então não cabe escrever ‘no nosso teste’ aqui. Pra um bloco de primeira mão honesto, valeria rodar o mesmo arquivo .js pelos dois caminhos (Code Runner com Ctrl + Alt + N e node arquivo.js no terminal integrado) e relatar a diferença prática: a extensão te dá a saída no painel com um atalho só, enquanto o terminal exige o Node.js instalado, mas te coloca no ambiente real de execução