Tailwind CSS v1 | Vue CLI Setup and Install

Опубликовано: 06 Ноябрь 2020
на канале: 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/

На этой странице сайта вы можете посмотреть видео онлайн Tailwind CSS v1 | Vue CLI Setup and Install длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь codewithchu 06 Ноябрь 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 336 раз и оно понравилось 6 зрителям. Приятного просмотра!