Tailwind CSS v1 | Vue CLI Setup and Install

Publicado em: 06 Novembro 2020
no canal de: 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/

Nesta página do site você pode assistir ao vídeo on-line Tailwind CSS v1 | Vue CLI Setup and Install duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário codewithchu 06 Novembro 2020, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 336 vezes e gostou 6 espectadores. Boa visualização!