Diskusi Arnanda Arfi

Arnanda Arfi
Ditanyakan pada: Pendahuluan

tidak ada nya penjelasan mengenai instalasi tailwind

Sayang sekali di materi ini tidak dijelaskan step by step cara instalasi tailwind-nya. Kita tahu bahwa hal ini bisa kita dapatkan dari website tailwind-nya. Tapi apakah bagi seorang pemula bisa mengerti apa yang tertulis di website tsb?

Jadi alangkah baiknya jika disiapkan juga tutorial utk proses instalasinya. Terimakasih

2 Jawaban

Bantu Jawab
Avatar
BroKoding

3 bulan yang lalu

Halo kak, apabila menggunakan cdn maka cukup copy dan paste dari link cdn yang disediakan dan diletakan pada dokumen html. Namun jika menggunakan NPM, maka bisa gunakan command npm install tailwindcss@1.2.0

Avatar
Muhammad Fakhry Burhanuddin

sebulan yang lalu

Berikut langkah-langkahnya ya kak.

  1. Buat direktori project terlebih dahulu. mkdir portfolio-tailwind setelah itu masuk ke direktori tersebut. cd portfolio-tailwind
  2. Buat project dengan perintah npm init -y
  3. Install library tailwind v1.2 npm install tailwindcss@1.2
  4. Buat file `tailwind.css` dengan kode sebagai berikut:
@tailwind base;

@tailwind components;

@tailwind utilities;
  1. Generate file output.css dengan perintah npx tailwindcss build tailwind.css -o output.css

Referensi: https://v1.tailwindcss.com/docs/installation