Seu primeiro projeto React com Node.js e Vite: primeiros passos

Este tutorial é uma transcrição do vídeo Para iniciantes: Configurando o ambiente para desenvolver em React com Vite, vamos te guiar passo a passo na criação do seu primeiro projeto React utilizando Node.js e Vite. Vite é um build tool de alta performance que facilita muito o desenvolvimento de aplicações React.

Passo 1: Instalando o Node.js

  1. Acesse o site oficial do Node.js (https://nodejs.org/) e baixe a versão LTS (Long Term Support) recomendada para o seu sistema operacional.
  2. Execute o instalador, seguindo as instruções na tela.

Passo 2: Instalando o Visual Studio Code

  1. Acesse o site oficial do Visual Studio Code (https://code.visualstudio.com/) e baixe a versão para o seu sistema operacional.
  2. Execute o instalador, seguindo as instruções na tela.

Passo 3: Criando seu primeiro projeto React com Vite

  1. Abra o terminal (ou prompt de comando) do seu sistema operacional.
  2. Navegue até o diretório onde deseja criar o seu projeto.
  3. Execute o seguinte comando: 
    npm create vite@latest my-react-app --template react