Setting up Tailwind with vue-cli is really simple, just install Tailwind:

npm install tailwindcss

Then add it to your PostCSS config (use a separate postcss.config.js file):

module.exports = { plugins: [ require('tailwindcss'), require('autoprefixer'), ] }

Next, create a CSS file for your Tailwind styles. We've stored in it src/assets/tailwind.css for this example:

@tailwind base; @tailwind components; @tailwind utilities;

Finally, import that CSS file at the bottom of your main App.vue component:

<template> <!-- ... ---> </template> <script> /* ... */ </script> <style src="./assets/tailwind.css">

npm install 

npm run serve 

npm run build 

npm run lint