Tailwind CSS v1 | Vue CLI Setup and Install

Pubblicato il: 06 novembre 2020
sul canale di: 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/

In questa pagina del sito puoi guardare il video online Tailwind CSS v1 | Vue CLI Setup and Install della durata di ore minuti seconda in buona qualità , che l'utente ha caricato codewithchu 06 novembre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 336 volte e gli è piaciuto 6 spettatori. Buona visione!