vue-component-class-based-generator

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>