Skip to content
Vue 2.0 Project Boilerplate
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
app fix: correct link path Jan 26, 2017
assets/scss add font-awesome Aug 8, 2016
public Don't include public assets by default Jan 26, 2017
.gitignore update formatting, refactor to less loc Jan 26, 2017
LICENSE initial commit Aug 5, 2016 Update Jan 26, 2017
gulpfile.js maintenance update Aug 31, 2016
package.json upgrade to vue-events@3.0.0 Feb 2, 2017
yarn.lock upgrade to vue-events@3.0.0 Feb 2, 2017


Vue 2.0 project boilerplate.

Looking for a more updated, light-weight boilerplate? Check out vue-mix


  • Vue 2.0
  • Vue Router 2.0
  • Vue Stash 2.0
  • Vue Events
  • Vue Resource
  • lodash
  • jQuery
  • Bootstrap Sass
  • Font Awesome
  • Laravel Elixir


  • Clone the git repo git clone
  • Change into the directory cd vue-stack-2.0
  • Run npm install
  • Run gulp
  • Open ./public/index.html with your browser.


Global Store

Visit ./app/store.js to add properties to your global store. Pre-initialize these properties and they'll be reactive just like other properties in your component's data option.

You can access these properties from from within any component using the store option or via vm.$store.

See vue-stash for more details regarding the global store.

Global Event Bus

Since the vm.$dispatch and vm.$broadcast events have been deprecated, vue-stack-2.0 leverages vue-events to simplify event handling.

Fire an event

  • vm.$'event-name', data)
  • vm.$events.emit('event-name', data)
  • vm.$events.$emit('event-name', data)

Listen for an event

  • vm.$events.listen('event-name', cb())
  • vm.$events.on('event-name', cb())
  • vm.$events.$on('event-name', cb())

See vue-events for more details.

SPA Routing

vue-stack-2.0 leverages the latest vue-router. To get started, checkout ./app/routes.js.

I'm using laravel/homestead and browser-sync



You can’t perform that action at this time.