README

此 Laravel 包提供了以下两个生成器，以加速您的 Vue 开发过程：

• make:vue-component
• make:vue-mixin

使用方法

步骤 1：通过 Composer 安装

composer require beckenrode/vue-generator

步骤 2：添加服务提供者

Laravel 5.5

Laravel 的 包发现 会自动发现此包。

Laravel < 5.5

打开 config/app.php 文件，并将新项目添加到包服务提供者数组中。

Beckenrode\VueGenerators\VueGeneratorsServiceProvider::class,

步骤 3：配置（可选）

您可能想要调整组件/混入的占位符或更改它们生成的路径。为此，您只需发布配置文件即可。

Laravel 5.5

php artisan vendor:publish

Laravel < 5.5

php artisan vendor:publish --provider="Beckenrode\VueGenerators\VueGeneratorsServiceProvider"

这将发布以下配置文件到 config/vue-generators.php

<?php

return [

    /*
    * Location of the stubs to use
    */
    //'component_stub' => __DIR__.'/component.stub',
    //'mixin_stub' => __DIR__.'/mixin.stub',

    /*
    * Location of where to generate the files
    */
    'components_path' => '/resources/assets/js/components/',
    'mixins_path'     => '/resources/assets/js/mixins/'

];

示例

• Vue 组件
• Vue 混入

Vue 组件

php artisan make:vue-component MyNewComponent

这将在 /resources/assets/js/components/ 目录中生成以下 MyNewComponent.vue Vue 组件

<template>

</template>

<script>
    export default {
        // Assets
        components: {},

        // Composition
        mixins: [],

        extends: {}

        // Data
        data() {
            return {}
        },

        props: {},

        propsData: {},

        computed: {},

        methods: {},

        watch: {},

        // Lifecycle Hooks
        beforeCreate() {},

        created() {},

        beforeMount() {},

        mounted() {},

        beforeUpdate() {},

        updated() {},

        activated() {},

        deactivated() {},

        beforeDestroy() {},

        destroyed() {}
    }
</script>

<style>

</style>

Vue 混入

php artisan make:vue-mixin MyNewMixin

这将在 /resources/assets/js/mixins/ 目录中生成以下 MyNewMixin.js Vue 混入

export default {
    // Assets
    components: {},

    // Composition
    mixins: [],

    extends: {}

    // Data
    data() {
        return {}
    },

    props: {},

    propsData: {},

    computed: {},

    methods: {},

    watch: {},

    // Lifecycle Hooks
    beforeCreate() {},

    created() {},

    beforeMount() {},

    mounted() {},

    beforeUpdate() {},

    updated() {},

    activated() {},

    deactivated() {},

    beforeDestroy() {},

    destroyed() {}
}

测试

开发

想要贡献？太好了！

许可证

MIT 许可证 (MIT)

自由软件，太棒了！