Publicado em: 07/06/2023

Primeiros Passos no Javascript - Configurando o Ambiente - Visual Studio, Node JS


Vamos configurar tudo que você precisa para começar a programar em JavaScript, desde o editor de código até o ambiente de execução.

O que você vai precisar

  • Editor de código (VS Code)
  • Node.js (ambiente de execução JavaScript)
  • NPM (gerenciador de pacotes)

Instalando o VS Code

  1. Acesse code.visualstudio.com
  2. Baixe a versão para seu sistema operacional
  3. Execute o instalador mantendo as opções padrão
  4. Marque "Adicionar ao PATH" para usar pelo terminal

No Windows, configure para executar sempre como administrador (Propriedades > Compatibilidade).

Instalando o Node.js

  1. Visite nodejs.org
  2. Baixe a versão LTS (Long Term Support)
  3. Execute o instalador mantendo as configurações padrão
  4. Não desmarque a opção de adicionar ao PATH

Verificando a instalação

Abra o terminal (CMD no Windows) e digite:

node -v

Isso deve mostrar a versão instalada do Node.js.

Digite npm -v para verificar o gerenciador de pacotes.

Criando seu primeiro projeto

  1. Crie uma pasta para seu projeto
  2. Abra-a no VS Code
  3. No terminal integrado, execute: npm init -y

Isso criará um arquivo package.json com as configurações básicas do projeto.

Considerações Finais

Com esse ambiente configurado, você está pronto para:

  • Desenvolver aplicações JavaScript
  • Gerenciar dependências com NPM
  • Executar códigos diretamente no terminal
  • Começar a aprender frameworks como React e React Native

Nas próximas aulas, vamos explorar como usar essas ferramentas para desenvolver projetos reais.

Fernando Cunha
Artigo deFernando Cunha

Com mais de 15 anos de experiência em tecnologia e formado pela FAAP em Administração de empresas, hoje é o CEO da Mestres da Web, empresa referência no mercado nacional e com projeções de expansão internacional.

últimos vídeos

veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.

Au 02 - Front-end - React - Estrutura de projeto - Mestres BEGIN
play

Au 02 - Front-end - React - Estrutura de projeto - Mestres BEGIN

Explorando a estrutura gerada pelo Create React App, entendendo o papel das pastas public e src, os conceitos de Virtual DOM, JSX e componentes, além de como o CSS é aplicado nos projetos React.

Autor deste artigo
Fernando Cunha17/03/2025
Au 03 - Front-end - React - Criando layout da nossa aplicação - Mestres BEGIN
play

Au 03 - Front-end - React - Criando layout da nossa aplicação - Mestres BEGIN

Explorando a criação de um layout fixo para a aplicação React, com barra lateral, barra superior e área dinâmica para conteúdo. Utilizando o React Router Dom v6 para gerenciar navegação entre rotas.

Autor deste artigo
Fernando Cunha17/03/2025
Au 04 - Front-end - React - Estilizando o layout da aplicação - Mestres BEGIN
play

Au 04 - Front-end - React - Estilizando o layout da aplicação - Mestres BEGIN

Abordando técnicas para organizar estilos em React, utilizando seletores CSS, CSS Modules, integração com React Router, reset CSS eficiente e boas práticas para garantir consistência visual e manutenibilidade.

Autor deste artigo
Fernando Cunha17/03/2025