Cómo indicar otro puerto en Vite
Para especificar un puerto diferente, debes configurar el archivo vite.config.js o vite.config.ts. Esto se logra utilizando la propiedad server en la configuración de Vite.
// vite.config.js
import { defineConfig } from 'vite';
export default defineConfig({
server: {
port: 4000, // Cambia el puerto aquí
},
});Si estás ejecutando el servidor de desarrollo directamente desde la terminal, también puedes sobrescribir el puerto con la opción de línea de comandos:
vite --port 4000Este comando iniciará el servidor en el puerto 4000.
Ejemplos prácticos
1. Archivo de configuración básico:
- Cambiar el puerto a 8080:
server: {
port: 8080,
}2. Sobrescribir el puerto en la terminal:
npm run dev -- --port 8080Referencia oficial
Para más detalles, consulta la documentación oficial de Vite. Allí encontrarás todas las opciones disponibles para personalizar tu entorno de desarrollo.
Jorge García
Fullstack developer