TailwindCss instal.lacio
Tailwind CSS funciona escanejant tots els vostres fitxers HTML, components JavaScript i qualsevol altra plantilla per trobar noms de classe,
Resum per instal·lar Tailwind CSS en un projecte PHP amb MySQL
Instal·lar Tailwind CSS
- Instal·lar dependències:
bash
npm install -D tailwindcss postcss autoprefixer
- Inicialitzar Tailwind:
bash
npx tailwindcss init -p
Configurar Tailwind
- Configurar tailwind.config.js:
javascript
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
// Afegir altres rutes si cal
],
theme: {
extend: {},
},
plugins: [],
}- Afegir directives Tailwind al CSS (normalment a ./resources/css/app.css):
css
@tailwind base; @tailwind components; @tailwind utilities;
Executar el projecte
- Executar el procés de construcció:
bash
npm run dev
Admin
Editor del blog
Articles Relacionats
nstal·lant PHP i l'instal·lador Laravel Abans de crear la vostra primera aplicació Laravel, assegureu-vos que la vostra màquina local tingui PHP , Composer i l'instal·lador Laravel instal·lats. A més, hauríeu d'instal·lar Node i NPM o Bun perquè pugueu compilar els actius d'interfície de la vostra aplicació.
pagina /post/543 del projecte laravel12.test
pagina /post/317 del projecte larpreline.test
pagina arrencada / projecte larpreline.test
Preline UI - Biblioteca de components CSS de Tailwind Configureu ràpidament la biblioteca CSS de Preline UI Tailwind per al vostre projecte. Exploreu els components de Tailwind i els elements de la IU, com ara botons, quadrícules, taules i molt més.
Crear un tema WordPress personalitzat utilitzant Tailwind CSS 3 implica alguns passos clau des de la configuració inicial fins a la integració de Tailwind CSS en el teu tema. Aquí tens un resum dels passos necessaris: