Tailwind CSS v2.0 | Vue CLI Setup and Install

Veröffentlicht am: 04 Dezember 2020
auf dem Kanal: codewithchu

4,167

This is an Update to my original Vue and Vue CLI video. That got OUTDATED pretty quickly with TailwindCss v2.0 now out.

We'll Start with a fresh install of a Vue APP with Vue CLI and install TailwindCss v2.0.

Github Source
https://github.com/codewithchu/tailwi...

Video Sections:
00:00 Overview
01:35 Setup Vue App
04:08 Installing TailwindCss with NPM
05:00 Setup Source Css File
05:50 Tailwind Config
07:42 PostCss Config
08:07 Add Source Css File to Vue & Test
10:00 Create a Component
12:58 Recap
13:57 Build for Production
14:41 Outro

macOS Web Development Setup Tutorial Series
   • macOS Web Development Setup

Subscribe and Learn to Code w/ Chu
   / @codewithchu

Tailwind v1 Tutorial Series
   • Tailwind Css v1 Tutorial Series

Resources
--------------------------------------------------------------
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/

Auf dieser Seite können Sie das Online-Video Tailwind CSS v2.0 | Vue CLI Setup and Install mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer codewithchu 04 Dezember 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 4,167 Mal angesehen und es wurde von 91 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

266