Tailwind CSS v1 | Vue CLI Setup and Install

***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/tailwindcss-v1-vuecli-setup-install

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
https://www.youtube.com/playlist?list=PLWdUl9HX1R_XMR5d3f_63cEPD69hbhn6G

Subscribe and Learn to Code w/ Chu
https://www.youtube.com/channel/UCSyosm-WcUPT4LnUIIdqSCw

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/component/messanger-clone
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
https://twitter.com/codewithchu
https://www.instagram.com/codewithchu/
https://www.facebook.com/codewithchu
https://github.com/codewithchu/

Тэги:

#how_to_setup_tailwind_css_and_vue_CLI #how_to_customize_tailwind_css #install_tailwind_css_on_mac #building_vue_app_using_tailwind_css #install_vue_and_tailwind_css #setup_vue_and_tailwind_css #install_vue_cli_and_tailwind_css #setup_vue_cli_and_tailwind_css #tutorial_vue_cli_and_tailwind_css #tutorial_vue_and_tailwind_css #vue_cli_and_tailwind_css #vue_and_tailwind_css #vue_cli #tailwind_css #vue #tailwind #code_with_chu #vuejs #vue_js #setup_tailwindcss #tailwindcss

Скачать видео