1. 概述 从我们接触前端开始，每个项目的根目录下一般都会有一个package.json文件，这个文件定义了当前项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等）。 当运行npm i

Icon组件是一个组件库中不可或缺的组件之一，本篇文章将带大家实现一个Icon组件。如果你想了解完整的组件库搭建，你可以先看使用Vite和TypeScript带你从零打造一个属于自己的Vue3组件库。

工程化的核心并非工具，而是以工具为实现媒介进行规范工作流程。文章中实现的是组件库项目文件组织结构的规范，TypeScript 编译和类型检测流程的规范，还有工具链的统一。

最近使用主流的UI框架，忽然心血来潮，何不自己搭建属于自己的UI组件库呢，类似Element-UI组件框架，好在大多UI框架都是开源，所以经过学习实践，终于搭建了属于自己UI组件库

前言 由于最近在我司开发中开启了 Vue3 后台的重构工作。于是乎，Vue组件库的抽离工作开启，此次算是基于 vue3.x + element-plus 的二次封装，封装常见通用组件。在本次的Vue

我们搭建好了 npm 私有库，但光是有私库是不够的，考虑到私库需要迭代，也需要提供使用说明，因此还需要一个存放私库源码的仓库，用于维护私库的信息。

这里使用 vue 的脚手架来搭建项目。 vue的脚手架有不同的模板，我们使用 webpack-simple 模板。 新建目录完毕之后我们现在完善文件中的代码,首先我们需要在src/index.js 中 返回一个带有 install 方法的对象。 这样一个最基本的 Element…