Tailwind CSS v1 | Vue CLI Setup and Install

Publié le: 06 novembre 2020
sur la chaîne: codewithchu

336

***NOTE
This video is for Tailwindcss v1 and you will get an error if you install Tailwindcss v2.0
***

GitHub Source Code
https://github.com/codewithchu/tailwi...

In this video I will be showing you how to setup a Vue App using Tailwind CSS with Vue CLI.
Getting your Vue App ready for development. I'll run you through creating a component, creating a custom utility class, making global style changes and creating styles at the component level.

Tailwind Tutorial Series
   • Tailwind Css v1 Tutorial Series

Subscribe and Learn to Code w/ Chu
   / @codewithchu

Video Sections
00:00 Overview
01:25 Install Vue App with Vue CLI
04:15 Install Tailwind CSS
08:25 Create a Component
10:30 Custom Utility Class
11:50 Global Style Change
14:00 Component Level Styles
15:40 Build App
17:00 Outro

Resources
--------------------------------------------------------------
Tailwind Components - https://tailwindcomponents.com/compon...
Vuejs - https://vuejs.org/
Vue CLI - https://cli.vuejs.org/
TailwindCss - https://tailwindcss.com/
NodeJs - .https://nodejs.org/
VScode - https://code.visualstudio.com/

Connect with Code With Chu
--------------------------------------------------------------
https://arthurchu.ca
  / codewithchu
  / codewithchu
  / codewithchu
https://github.com/codewithchu/

Sur cette page du site, vous pouvez voir la vidéo en ligne Tailwind CSS v1 | Vue CLI Setup and Install durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur codewithchu 06 novembre 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 336 fois et il a aimé 6 téléspectateurs. Bon visionnage!