Partilhar via

Instale o React diretamente no Windows

Este guia guia como configurar um ambiente de desenvolvimento React diretamente no Windows usando a ferramenta frontend Vite .

Recomendamos estas instruções se for novo no React ou a construir um projeto que não precise de um ambiente Linux. Se planeias usar extensivamente ferramentas Bash ou implementar para um servidor Linux, considera instalar o React em WSL em vez disso.

Para informações sobre o React e os diferentes cenários — aplicações web, aplicações móveis (React Native) e aplicações nativas de ambiente de trabalho (React Native for Desktop) — consulte a visão geral do React.

Pré-requisitos

  • Node.js: Obrigatório para correr Vite e npm. Instala usando o nvm-windows para gerir versões mais fácil.

Crie seu aplicativo React

  1. Abra um terminal (Windows Command Prompt ou PowerShell).

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

    mkdir ReactProjects
cd ReactProjects

  3. Crie uma nova aplicação React usando o Vite:

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

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

  4. Navegue até à nova pasta da aplicação e instale as dependências:

    cd my-react-app
npm install

  5. Inicie o servidor de desenvolvimento local:

    npm run dev

    A sua aplicação estará disponível em http://localhost:5173. Usa Ctrl+C para parar o servidor.

  6. Quando estiver pronto para implementar, constrói um pacote de produção:

    npm run build

    A saída é colocada na dist pasta. Consulte Implementação de um Site Estático para opções de alojamento.

Observação

O Vite é ideal para aplicações de página única (SPAs). Se precisares de renderização do lado do servidor ou de um backend Node.js, considera Next.js em vez disso. Para geração de um site web estático, veja Gatsby.

Recursos adicionais

  • Last updated on