Vue CLI Plugin Structure

Vue Structure is a Vue CLI Plugin that generate a project structure. It's made following the: Javascript Conventions and Vue Style Guide.

Documentation

The Vue Structure documentation, visit Vue Structure Docs

Vue Structure provide

• Conventional project structure
• Code Comfort
• Modularity

Features

• Router
• Store (State Management)
• Directives folder (with globals file)
• Filters folder (with globals file)
• Mixins folder (with globals file)
• Views folder (with "404 Not Found view")
• Asset folder included: fonts, icons, images and SCSS files.
• Airbnb Code Style

Packages

• Vue CLI
• Vuex
• Vue Router
• SCSS
• Prettier
• ESLint

Getting Started

# Create new project with vue cli
vue create my-project

# Go into your new folder
cd my-project

# Add Vue Structure
vue add structure

# Start Developing!
yarn serve

Quick Installation

vue create --preset ericfennis/vue-structure {my-project}