More Premium Hugo Themes Premium Vue Themes

Vue Stack 2.0

Vue 2.0 Project Boilerplate

Vue Stack 2.0

Vue 2.0 Project Boilerplate

Author Avatar Theme by cklmercer
Github Stars Github Stars: 162
Last Commit Last Commit: Feb 2, 2017 -
First Commit Created: Jun 19, 2023 -
Vue Stack 2.0 screenshot

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:

  1. Clone the git repository using the command: git clone https://github.com/cklmercer/vue-stack-2.0
  2. Change into the directory using the command: cd vue-stack-2.0
  3. Run the npm install command
  4. Run the gulp command
  5. 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.