Vue js component generator

CLI util for easy generate Vue js component

Installation

 npm i vue-component-class-based-generator --save-dev

Usage

 vg --help

Create new component

 vg footer

Will generate five files:

footer.component.vue

<template src="./footer.component.html"></template>
<script lang="ts">
import {Options, Vue} from 'vue-class-component';
@Options({})
export default class FooterComponent extends Vue {

}
</script>


<style src="./footer.component.scss" scoped lang="scss"></style>

footer.component.html

 <div>
    footerComponent works
</div>

footer.component.scss

Create new component single file

 vg -s home

will generate one vue file:

 <template>
    <div>
        homeComponent works
    </div>
</template>
<script lang="ts">
    import {Options, Vue} from 'vue-class-component';

    @Options({})
    export default class HomeComponent extends Vue {

}

</script>

<style scoped lang="scss">

</style>