sábado, 26 de julio de 2025

Actualizar TailwindCSS a la version 4 en Laravel

Actualizar TailwindCSS a la version 4 en Laravel
npx @tailwindcss/upgrade

En el archivo vite.config.ts
Agregar el plugin de tailwindcss
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
   plugins: [
      tailwindcss(),
   ],
})


Reiniciar el servidor:
composer run dev
























Instalar PHP-CS-Fixer y configurar en VS Code

Instalar PHP-CS-Fixer y configurar en VS Code

Descargar php-cs-fixer.phar
https://github.com/PHP-CS-Fixer/PHP-CS-Fixer/releases/tag/v3.84.0

Descargar y Guardar el archivo, por ejemplo, en:
C:\Program Files\php-cs-fixer\php-cs-fixer.phar

Crear un archivo .bat que apunte al .phar
Abrir Bloc de notas:
@echo off
php "C:\Program Files\php-cs-fixer\php-cs-fixer.phar" %*


Guarda el archivo como:
php-cs-fixer.bat

Agregar la carpeta al PATH de las variables de entorno

Verificar que funcione, ejecutar:
php-cs-fixer --version

Configurar VS Code (settings.json)
{
"php-cs-fixer.executablePath": "php-cs-fixer",
"php-cs-fixer.onsave": true,
"php-cs-fixer.rules": "@PSR12",
"php-cs-fixer.config": ".php-cs-fixer.dist.php"
}

Para aplicar los cambios, cerrar y abrir nuevamente vscode.










Actualizar TailwindCSS a la version 4 en Laravel

Actualizar TailwindCSS a la version 4 en Laravel npx @tailwindcss/upgrade En el archivo vite.config.ts Agregar el plugin de tailwindcss impo...