vue-make

A tool to quickly make templates for components and services in your vue application. Similar to Laravel's artisan.

View on NPM

Installation

npm install vue-make -g

Usage

Always use in the root directory of your project

Making a Component:

vue-make component MyComponent

Making a View:

vue-make view MyView

Making a Store Module:

vue-make storeModule modulename

Making a Service:

vue-make service MyService

Default Configuration

By default, vue-make uses the structure of vue applications created with vue-cli:

• components: src/components
• views: src/views
• store modules: /src/store/modules
• services (if used): src/services

However you can configure your own paths using one of two approaches:

• Using the command line tool:

  vue-make config

  Brings up a prompt similar to npm init which will ask you to enter the desired configuration values.

• Manually creating the config file:

  Make a file called vue-make.json in your root directory and follow the structure below:

  {
    "paths": {
      "components": "src/components",
      "views": "src/views",
      "services": "src/services",
      "storeModules": "src/store/modules"
    },
    "styleType": "scss"
  }

Templates

These are the templates used to make components, views and services.

Components, Views

MyComponent.vue

<template>

</template>

<script>
    export default {
        name: 'my-component',
        props: {

        },
        data: function() {
            return {

            }
        },
        methods: {

        }
    }
</script>

<style lang="scss">

</style>

Store Modules

module.js

const state = {
    var: ''
}

const getters = {
    function() {

    }
}

const actions = {
    function() {

    }
}

const mutations = {
    function() {
        
    }
}

export default {
    namespaced: true,
    state,
    getters,
    actions,
    mutations
}

Services

MyService.js

/**
* Description
*/
export default class MyService {
    functionName() {

    }
}

Contributing

If you feel like this tool is useful and feel like contributing, feel free to make a pull request.

You can also open an issue if you have any suggestions/bugs.