Documentos de Académico
Documentos de Profesional
Documentos de Cultura
cd example-app
TAILWIND
Una vez instalado Node, lo que tendremos que hacer es crear la carpeta ra�z de
nuestro proyecto y lanzar el siguiente comando:
npm init -y
Este comando generar� un archivo llamado package.json donde se guardar� informaci�n
del proyecto ya sean librer�as instaladas, versi�n del proyecto o el nombre del
creador.
Una vez hecho esto, instalaremos las librer�as que vamos a utilizar, en nuestro
caso Tailwind CSS, autoprefixer y postcss-cli:
@tailwind base;
@tailwind components;
@tailwind utilities;
Por �ltimo vamos a crear una carpeta llamada public que contendr� toda la parte
visible del proyecto. Dentro de ella creamos un archivo llamado css/styles.css que
es donde se guardar�n todos los estilos y otro archivo donde guardaremos todo el
HTML llamado index.html.
Una vez hecho esto, a�adiremos un comando al proyecto para que cuando realicemos
modificaciones autom�ticamente se reflejen en el archivo styles.css y de esta forma
siempre tengamos nuestros estilos actualizados. Esto lo haremos abriendo el archivo
package.json y a�adiendo la siguiente l�nea dentro de scripts:
{
.
.
.
"scripts": {
"dev": "postcss css/tailwind.css -o public/css/styles.css --watch"
},
.
.
.
}
Ahora solo tenemos que lanzar el comando de m�s abajo por consola y cada vez que
actualicemos el archivo css/tailwind.css se ver� reflejado en el archivo
public/css/styles.css que es el que importaremos en el archivo index.html.