vue-advance-boilerplate icon indicating copy to clipboard operation
vue-advance-boilerplate copied to clipboard

A boilerplate for Vue.js in large scaled project

trafficstars

Vue Advance Boilerplate

============

A boilerplate for Vue.js for Advance or Large Scale Project.
State management with seperating as modules.
Create API Resource with axios


Dependencies

  • Vue
  • Vue-Router
  • Vuex
  • Axios
  • Webpack

Project Structure

  • components: contain shared components (.vue)
  • resource**: contain services for api request
  • router: router file config here
  • store**: state mangement with vuex seperating as modules
  • utils: javascript utility file, for example vue filter
  • views: container root components for each page (.vue)

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.