Vue   发布时间:2022-04-21  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了详解vue组件开发脚手架大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

generator-vue-component可以快速生成自己的组件开发的脚手架,类似于vue-cli生成vue项目,这脚手架是目录结构是方便组件开发和调试

由于脚手架是由yeoman搭建,所以必须全局安装yeoman

然后全局安装generator-vue-component

到项目目录,获取对应的开发模板

运行上面命令会弹出下面,依次输入对应的信息,到Your component type这一步可以选择对应的组件类型,有组件和指令两种模板,选择完成后输入对应的组件名称或者指令名称即可,例如我们声明的组件名为vue-table

详解vue组件开发脚手架

在vueTable目录下安装对应的模块,后运行下面命令即可

目录结构

详解vue组件开发脚手架

index.js

文件是vue组件声明并导出

VueTable.install = function (VuE) {
Vue.component(VueTable.name,VueTablE)
};
export default VueTable;

大佬总结

以上是大佬教程为你收集整理的详解vue组件开发脚手架全部内容,希望文章能够帮你解决详解vue组件开发脚手架所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:vue脚手架