这篇文章将向你展示如何仅使用 Vite 轻松搞定 Vue3 组件库的打包工作。更好的是，我已经准备了一个开箱即用的项目模板。

本文是脚手架搭建的一个入门，这个脚手架只拥有最简单的功能，而下一篇脚手架的搭建将会是复杂版的，拥有者插件机制，能通过配置插件动态生成项目。

最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名？

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

本文讲解在webpack首次构建的项目这段时间插播一个酷炫的花里胡哨的启动页面吧，让等待过程中，再等待。

1. 通过 Create-React-App 创建项目 创建一个 TypeScript 模版的 React 项目 运行项目 输入 localhost:3000 显示如下如即成功 2. 配置 CRACO