/vue-web-starter

A basic Vue.js starter which uses Vue 2, Vuetify and Webpack 3

Primary LanguageJavaScript

Vuetify logo Vuetify logo Webpack logo

vue-web-starter is a basic Vue.js starter
which uses Vue 2, Vuetify and Webpack 3.

Live demo - michalzaq12.github.io/vue-web-starter/

Quick start

# install dependencies
npm install

# build all vendor modules (only once)
npm run dll

# serve with hot reload at localhost:3333
npm run dev

# build for github pages
npm run gh

Includes

  • module bundler

    • webpack 3

  • vue ecosystem

    • vue 2
    • vue-loader
    • vuex
    • vue-router

  • UI framework

    • vuetify

  • HTTP client

    • axios

  • extra loaders

    • babel
    • sass

Features

dev

  • Hot reloading for single-file components (webpack-hot-middleware)
  • Multi webpack configuration based on env variable (monfy)
  • Separate configuration for vendor modules to speed up build (dll-plugin)

app

  • Fetching posts from REST API JSONPlaceholder and store it in vuex
  • Pagination on desktop devices
  • Infinite scrolling on mobile devices