本文属于组件库建设系列。介绍了组件库开发工程化方面的基础知识：包管理基础以及 monorepo 架构。

这篇文章是组件库设计与实现的系列文章的第一篇，主要是基于组件库开发的场景，介绍了 Vue 组件开发的基础知识与优秀实践。

前言 📖 一、在线预览 👀 Link：https://admin.spicyboy.cn 二、Git 仓库地址 (欢迎 Star⭐⭐⭐) Gitee：https://gitee.com/laramie

Pinia 是一个状态管理工具，和 Vuex 一样为 Vue 项目提供共享状态管理工具。并且支持vue2和vue3，主要是为vue3提供状态管理，支持typescript。

本文为手把手指南，在vue3 + ts + vite项目中使用eslint + prettier + stylelint +husky，旨在通过这些工具提高项目代码质量和统一格式、风格。

说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢... 有的时候，我们需…

如图所示，它是一个程序里面的状态管理模式，它是集中式存储所有组件的状态的小仓库，并且保持我们存储的状态以一种可以预测的方式发生变化。对于可以预测，现在我不多做说明，相信在看完这篇文章之后，你就会有自己的理解。 对于第一个问题，假如是多级嵌套关系，你可以使用父子组件传参进行解决，…

1. 了解需求，熟悉掌握需求 这一要求无论是对于前端开发人员或是其他端的开发人员，都是能够顺利开发项目的前提。在开发项目之前，需对 PM 的需求了然于胸，对原型设计能够充分掌握。理解每一个操作逻辑的含义，并且扩散思维思考如何进行组件和数据结构的设计。但是单独只是对需求文档和原型…

Mock.js是一个模拟数据生成器，可帮助前端开发和原型与后端进度分开，并减少某些单调性，尤其是在编写自动化测试时。 1. vue-cli搭建项目后，安装axios和mock.js 2. 创建一个mock文件夹以及mock.js,并且在main.js引入这个文件 1. 模拟一个…