Building with AdonisJS & Inertia: 1.4 - Setting Up TailwindCSS, Shadcn-Vue, & Auto Component Imports

Опубликовано: 03 Сентябрь 2024
на канале: Adocasts
671
23

We'll install and configure Shadcn-Vue & TailwindCSS

👍 If You Enjoy This Video, Consider Hitting The Like Button!

🥁 Subscribe To Stay Notified For New Videos: https://www.youtube.com/adocasts?sub_...

🎯 Subscribe to Adocasts Plus to gain access to all our lessons and more!
https://adocasts.com/pricing

🧾 Find The Code For This Lesson Here: https://github.com/adocasts/building-...

In this lesson, we'll install and configure Shadcn-Vue and TailwindCSS. We'll then set up automatic imports for all of our local Vue components.

⏳ Chapters
00:00 - Running Our Project
00:50 - Installing Shadcn-Vue & TailwindCSS
04:00 - Configuring Shadcn-Vue
07:10 - Configuring TailwindCSS
08:35 - Installing Our First Shadcn-Vue Component
09:44 - Testing Our Button Component
10:42 - Automatic Component Registration

Shadcn-Vue Documentation:
https://www.shadcn-vue.com/

TailwindCSS Documentation:
https://tailwindcss.com/

Unplugin-Vue-Components Documentation:
https://github.com/unplugin/unplugin-...

Shadcn-Vue VSCode Extension:
https://marketplace.visualstudio.com/...

-------------------------Socials--------------------------

🕸️ Website: https://adocasts.com
🐦 Twitter:   / adocasts  
👍 GitHub: https://github.com/adocasts