最近在开发组件的时候经常要折腾脚手架,于是花了点时间为 vue-cli 写了一个模板,欢迎大家试用。
使用方法如下:
特色:
- 可选择使用传统方式开发 demo,或者是基于 UI 开发工具 Storybook。提供统一的命令
npm run dev
打开带热重载的预览界面,方便开发。 - 一行命令生成预览 demo
npm run build:demo
,设置 GitHub Pages 之后就可以发布在线预览。 - 一行命令生成发布版本
npm run build
,已经设置好了入口,只要npm publish
就可以发布到 npm。
由于是自己平时开发组件的过程中提取出来的东西,所以可能(几乎是一定)会存在一些 bug,欢迎大家试用之后提交反馈,欢迎提交 issue 和 PR,帮助 component 做得更好。
我用该脚手架开发的三个项目:
- floating-notification,一个移动端的通知组件,以传统方式开发
- wz-context-menu,一个右键菜单组件,以传统方式开发
- wzel,一个桌面端组件库,以 Storybook 开发