Loading...
「ツール」は右上に移動しました。
利用したサーバー: wtserver1
91いいね 4,093 views回再生

Tailwind CSS v2.0 | Vue CLI Setup and Install

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/

コメント