portfolio-site

Going to try and replicate this design https://www.frontendmentor.io/challenges/minimalist-portfolio-website-LMy-ZRyiE

TailwindCSS PostCSS Setup

npm install tailwindcss@compat postcss@^7 autoprefixer@^9

Then add file postcss.config.js

import autoprefixer from 'autoprefixer';
import tailwindcss from 'tailwindcss';

module.exports = {
  plugins: [
    tailwindcss,
    autoprefixer
  ]
};

Then add file tailwind.config.js

module.exports = { 
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'src/components/**/*.vue',
      'src/views/**/*.vue',
      'src/pages/**/*.vue',
    ]
  }
};

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.