hero

Vue Structure

A Vue CLI plugin offering the missing project structure for Vue.

Get Started →

Conventional structure

It follows the Javascript Conventions and Vue Style Guide.

Code Comfort

Structural folder structure give you a good overview of your vue projects.

Modularity

It follows the Vue CLI folder structure, so it can work with other Vue CLI Plugins.

Vue Structure

Vue structure offers a project structure for the average Vue project that can scale-up, features Vuex and Vue router. It's made following the: Airbnb Style Guide and Vue Style Guide. Because Vue self doesn't guide you about structuring projects, Vue Structure gives you the structure to develop in.

Quick installation

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

The Structure

Infograpic

Add-on

TIP

Vue Structure Generator Generate: Components, Views + Routes, Stores, Filters, Directives and Mixins.

Known compatible other Vue CLI Plugins