Compartilhar via

Instalar o React diretamente no Windows

Este guia explica como configurar um ambiente de desenvolvimento do React diretamente no Windows usando as ferramentas de front-end do Vite .

Recomendamos estas instruções se você for novo no React ou criar um projeto que não precise de um ambiente Linux. Se você planeja usar ferramentas bash extensivamente ou implantar em um servidor Linux, considere instalar o React no WSL .

Para obter informações sobre o React e os diferentes cenários – aplicativos Web, aplicativos móveis (React Native) e aplicativos nativos da área de trabalho (React Native for Desktop) – consulte a visão geral do React.

Pré-requisitos

  • Node.js: necessário para executar o Vite e o npm. Instale usando o nvm-windows para facilitar o gerenciamento de versão.

Criar seu aplicativo React

  1. Abra um terminal (Prompt de Comando do Windows ou PowerShell).

  2. Crie uma nova pasta de projeto e insira-a:

    mkdir ReactProjects
cd ReactProjects

  3. Crie um novo aplicativo React usando o Vite:

    npm create vite@latest my-react-app -- --template react

    O Vite criará um novo projeto React na pasta my-react-app.

  4. Navegue até a nova pasta do aplicativo e instale dependências:

    cd my-react-app
npm install

  5. Inicie o servidor de desenvolvimento local:

    npm run dev

    Seu aplicativo estará disponível em http://localhost:5173. Use Ctrl+C para interromper o servidor.

  6. Quando você estiver pronto para implantar, crie um pacote de produção:

    npm run build

    A saída é colocada na pasta dist. Consulte a implantação de um site estático para opções de hospedagem.

Observação

O Vite é ideal para SPAs (aplicativos de página única). Se você precisar de renderização do lado do servidor ou de um back-end Node.js, considere Next.js em vez disso. Para a geração de sites estáticos, consulte Gatsby.

Recursos adicionais

  • Last updated on