Como instalar JavaScript no VSCode

JavaScript é uma das linguagens de front-end mais importantes, pois concede à sua página da web a capacidade de pensar e reagir. Você pode querer adicionar JavaScript ao seu IDE se for um desenvolvedor front-end. Neste tutorial, veremos como instalar JavaScript no VSCode.

Instale JavaScript no VSCode

Visual Studio Code é um editor de código totalmente gratuito e de código aberto. Foi desenvolvido pela Microsoft e é altamente considerado pelos desenvolvedores devido ao seu design leve, rápido e extensível. Este editor de código é capaz de suportar várias linguagens de programação e, neste tutorial, focaremos em JavaScript.

Para instalar JavaScript no VSCode, você precisa seguir as etapas mencionadas abaixo.

1. Instale o código do Visual Studio
2. Instale o Node.JS
3. Crie e execute um programa JavaScript

Vamos falar sobre eles em detalhes.

1] Instale o código do Visual Studio

Primeiro de tudo, precisamos instalar o Visual Studio Code no seu computador. Para fazer o mesmo, navegue até code.visualstudio.com e instale o aplicativo para sua plataforma preferida. Depois de baixado, vá para o local de download e instale-o em seu computador.

2] Instale o Node.JS

Node.js é um ambiente de execução JavaScript gratuito e de código aberto que pode ser executado em vários sistemas operacionais, como Windows, Linux, Unix e macOS. Ele usa o mecanismo JavaScript V8 para executar código JavaScript fora de um navegador da web. Com o Node.js, você pode usar JavaScript para escrever ferramentas de linha de comando e executar scripts no lado do servidor.

Podemos instalar o pacote de extensão Node.JS do Extension Center. Então, vá até a seção Extensão clicando no respectivo ícone, procure por “Node.JS” e clique no ícone Instalar associado a ele. Este pacote contém uma coleção de extensões úteis para trabalhar com JavaScript e Node.js.

Para executar nosso código JavaScript, precisamos instalar o Node.js, um tempo de execução JavaScript. Você pode baixá-lo no site oficial do Nodejs.org . Recomenda-se que você escolha a versão LTS (Long Term Support), pois é a mais estável e adequada para a maioria dos usuários.

3] Crie e execute um programa JavaScript

Agora que criamos um ambiente para a execução do código, vamos começar a codificar. Para fazer o mesmo, você precisa primeiro criar um arquivo VSCode. Então, abra o Visual Studio Code e vá em Arquivo > Novo Arquivo. Dê um nome de sua escolha, mas com extensão .js . Então, você pode chamá-lo de “javascript.js”. Para salvá-lo use Ctrl + Shift + S ou Arquivo > Salvar como. Para confirmar se tudo está funcionando bem, use o seguinte comando.

console.log("Hello, world!");

Este código JavaScript produzirá “Olá, mundo!” através do console, uma interface baseada em texto para comunicação com seu programa.

4] Execute o arquivo JavaScript

Executar JavaScript não é tão simples quanto executar um arquivo Java. Você também precisa instalar o CodeRunner, que adicionaria um botão ao seu IDE permitindo que você execute o código com apenas um clique de um botão. Ou abra o Terminal e navegue até o caminho do arquivo usando ‘cd’ ou o comando de alteração de diretório. Portanto, basta fazer cd no caminho do arquivo (cd ~/Desktop/JS) e executar node filename.js. No entanto, o Code Runner fará isso automaticamente para você.

Corrigir ‘nó’ não é reconhecido como um comando interno ou externo

Se você receber um erro informando “’nó’ não é reconhecido como um comando interno ou externo” , a variável de caminho não está definida em seu sistema. Portanto, você precisa seguir os passos mencionados abaixo para definir o caminho na variável de ambiente.

1. Pressione Win + R, digite “Variável de ambiente” e abra a seção Editar as variáveis ​​de ambiente do sistema.
2. Clique em Variáveis ​​de ambiente.
3. Selecione Caminho e clique em Editar.
4. Clique em Novo e cole o caminho onde o Nodejs está instalado. Para mim, era “C:\Arquivos de Programas\nodejs”
5. Clique em OK.

Por fim, reinicie o Visual Studio Code e verifique se o problema foi resolvido.

Como adicionar JavaScript no VS Code?

Para adicionar JavaScript no Visual Studio Code, você precisa instalar primeiro o VSCode e depois o Node.JS. Uma vez feito isso, crie um. Arquivo JS, escreva códigos e comece a escrever códigos. Para executá-lo, basta navegar até o caminho do arquivo usando o Terminal e executar node filename.js ou melhor baixar a extensão Code Runner.

Podemos fazer JavaScript no VS Code?

Sim, você pode usar JavaScript no VS Code. Na verdade, o VS Code oferece excelente suporte de depuração para JavaScript. Você pode definir facilmente pontos de interrupção, inspecionar objetos, navegar na pilha de chamadas e executar código no Debug Console. Se você quiser saber mais sobre depuração no VS Code, navegue até code.visualstudio.com .