Skip to content

Vue Structure is a Vue CLI plugin that generate a project/folder base structure before starting a Vue project.

License

Notifications You must be signed in to change notification settings

ericfennis/vue-cli-plugin-structure

Repository files navigation

Vue Structure Logo

NPM Downloads MIT License Issues Release Date

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

Infograpic

Packages

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}