Overview
The vue-stack-2.0 is a Vue 2.0 project boilerplate that includes various features and libraries such as Vue Router, Vue Stash, Vue Events, lodash, jQuery, Bootstrap Sass, Font Awesome, and Laravel Elixir. It provides a lightweight and updated boilerplate for Vue developers.
Features
- Global Store: Allows users to add properties to the global store in the ./app/store.js file. These properties can be pre-initialized and will be reactive like other properties in component’s data option. Users can access these properties from within any component using the store option or via vm.$store.
- Global Event Bus: Leverages vue-events to simplify event handling. Users can fire an event using vm.$events.fire, vm.$events.emit, or vm.$events.$emit. They can also listen for an event using vm.$events.listen, vm.$events.on, or vm.$events.$on.
- SPA Routing: Leverages the latest vue-router for Single Page Application routing. More details can be found in the ./app/routes.js file.
Installation
To install the vue-stack-2.0 theme, follow these steps:
- Clone the git repository using the command:
git clone https://github.com/cklmercer/vue-stack-2.0 - Change into the directory using the command:
cd vue-stack-2.0 - Run the npm install command
- Run the gulp command
- Open the ./public/index.html file with your browser
Summary
The vue-stack-2.0 is a lightweight and updated Vue 2.0 project boilerplate that provides features like global store, global event bus, and SPA routing. It includes various libraries and provides an easy installation process. Developers can use this boilerplate to kick-start their Vue projects and take advantage of the built-in functionalities.