一个开箱即用的组件库脚手架 varlet/cli 试用

@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 已经帮你做好了准备工作，你只要专注于开发功能即可

了解到目前项目组中的成员基本都是国人，并且参与项目的都是用业余时间开发与维护，希望大家多多支持！