zhopkinsdev / vue-tailwind-boilerplate

A starter/boilerplate for Vue.js and Tailwind CSS integration

vue-tailwind-boilerplate

Boilerplate project for Vue.js and Tailwind CSS integration.

Commands used to generate this boilerplate

Scaffolded project structure and development environment with command:

vue create vue-tailwind-boilerplate

Installed Tailwind CSS:

npm install tailwindcss

Created file ./assets/css/style.css and imported Tailwind:

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

Created file postcss.config.js and added:

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

Deleted postcss entry from package.json

  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },

Compiles and hot-reloads for development

npm install -g @vue/cli-service-global

npm run serve