@varlet/ CLI is a component library scaffold built and used by varletJS project team. It is a Vue3 component library rapid prototyping tool out of the box, providing a series of commands and tools to solve the problems of component library development

  • 1. Component library development environment out of the box
  • 2. Out of the box component library compilation tool, support exportesmandumdTwo types of module code
  • 3. Component library document site based on configuration file, supporting Baidu statistics and theme customization
  • 4. SupportSingle file Component (SFC)andtsx,jsxTwo styles of component library writing styles
  • 5. Code review tools out of the box
  • 6. Out-of-the-box unit testing tools
  • 7. Out of the box code publishing tool, publish to NPM and Github, and automatically generate update logs
  • Support 8.Typescript
  • 9. SupportDiablo mode
  • Based on 10.pnpm

The preparatory work

  • To install scaffolding, install it firstpnpm
pnpm add @varlet/cli -g
Copy the code

  • Generated directory
Varlet - CLI gen Project nameCopy the code

  • The directory structure

  • Go to the directory to install dependencies
CD Project name PNPM installCopy the code

  • Start the project
pnpm dev
Copy the code

  • See the effect produced

Use notes

Very smooth, nice UI. Out of the box, if you want to develop a component library, obviously @varlet/ CLI has done the work for you. Just focus on the functionality

We have learned that most of the members of the project team are Chinese, and those who participate in the project are developing and maintaining in their spare time. We hope you can give us your support!