@latest_post
How to add Tailwind CSS to Vue.js
Basic setup
This guide builds on Quickstart guide for a new Vue.js project.
We are going to setup Tailwind CSS + PurgeCSS to get a very lean CSS system that'll only include what we actually use from Tailwind.
Install dependencies
yarn add tailwindcss
yarn add --dev @fullhuman/postcss-purgecss
Generate Tailwind CSS config file
Create a ready-to-be-extended tailwind.config.js file:
npx tailwind init # --full
If you want a full config file, you can remove the #
and pass the --full flag to the command above.
2 min read