@varlet/cli 是由 varletjs 项目组自己搭建并且使用的组件库脚手架, 是一个开箱即用的
Vue3组件库
快速成型工具,提供了一系列命令和工具去解决组件库开发上的问题
- 1.开箱即用的组件库开发环境
- 2.开箱即用的组件库编译工具,支持导出
esm
和umd
两种模块代码 - 3.基于配置文件的组件库文档站点,支持百度统计和主题定制
- 4.支持
单文件组件(sfc)
和tsx,jsx
两种风格的组件库编写风格 - 5.开箱即用的代码检查工具
- 6.开箱即用的单元测试工具
- 7.开箱即用的代码发布工具,发布到npm和github,并自动生成更新日志
- 8.支持
Typescript
- 9.支持
暗黑模式
- 10.基于
pnpm
准备工作
- 安装脚手架,需要先安装
pnpm
pnpm add @varlet/cli -g
复制代码
- 生成目录
varlet-cli gen 项目名
复制代码
- 目录结构
- 进入目录安装依赖
cd 项目名
pnpm install
复制代码
- 启动项目
pnpm dev
复制代码
- 产看效果
使用心得
非常顺滑,漂亮额UI界面。真开箱即用,如果想要开发一套组件库,显然 @varlet/cli 已经帮你做好了准备工作,你只要专注于开发功能即可
了解到目前项目组中的成员基本都是国人,并且参与项目的都是用业余时间开发与维护,希望大家多多支持!