https://github.com/dk-kami/vue-cli-plugin-kami

🦊 Preset for Vue application
https://github.com/dk-kami/vue-cli-plugin-kami

application-architecture architecture axios vue-application vue-cli-plugin vue-router vuejs vuex

Last synced: 4 months ago
JSON representation

🦊 Preset for Vue application

• Host: GitHub
• URL: https://github.com/dk-kami/vue-cli-plugin-kami
• Owner: DK-Kami
• License: mit
• Created: 2020-03-11T08:34:38.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-12-15T13:35:18.000Z (over 4 years ago)
• Last Synced: 2024-04-13T21:56:03.169Z (about 2 years ago)
• Topics: application-architecture, architecture, axios, vue-application, vue-cli-plugin, vue-router, vuejs, vuex
• Language: JavaScript
• Homepage:
• Size: 76.2 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## About

🦊 Preset for Vue application. With a **ready-made architecture**

[NPM plugin](https://www.npmjs.com/package/vue-cli-plugin-kami)

## Install

For usage copy and paste it in your directory console

`vue add vue-cli-plugin-kami`

## Architecture

Application architecture

![Application architecture](docs/architecture.png)

### Directory Structure

Generator has created these files:

```js

src

├── helper

│   └── mixins

│       ├── dialog.js             👈 Mixin for dialog components

│       └── main.js               👈 File with all mixins!

├── middleware

│   ├── WebClient.js              👈 Axios config

│   └── services                  👈 All app services

│       └── ExampleService.js

├── router

│   ├── index.js

│   ├── initListners.js           👈 Inject all listners in router instance

│   ├── routes

│   └── listners

│       ├── beforeEach.js         👈 Hook before page started load

│       ├── beforeResolve.js      👈 Hook after all router hook has been resolved

│       └── index.js

└── store

    ├── index.js

    ├── VuexModule.js             👈 Сlass that describes all Vuex modules

    └── modules

        ├── example.js

        └── index.js

```