-
Vue3 企业级优雅实战 - 组件库框架 - 2 初始化 workspace-root
上文已经搭建了pnpm+monorepo的基础环境，本文对workspace-root进行初始化配置，包括：通用配置文件、公共依赖、ESLint。1通用配置文件在项目根目录下添加下面的配置文件。添加.editorconfig编辑器格式配置文件[*.{js,cjs,ts,jsx,tsx,vue,htm
-
Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo
前两篇文章分享了基于vite3vue3的组件库基础工程vue3-component-library-archetype和用于快速创建该工程的工具yyg-cli，但在中大型的企业级项目中，通常会自主搭建这些脚手架或加速器。优雅哥希望每位前端伙伴能知其所以然，故接下来的文章将进入Vue3企业级优雅实战系
-
从0搭建vue3组件库: 如何完整搭建一个前端脚手架?
相信大家在前端开发中都使用过很多前端脚手架，如vue-cli，create-vite，create-vue等；本篇文章将会为大家详细介绍这些前端脚手架是如何实现的，并且从零实现一个create-kitty脚手架发布到npm上。pnpm搭建Monorepo环境使用pnpm管理对项目进行管理是非常方便的
-
pnpm才是前端工程化项目的未来
前言相信小伙伴们都接触过npm/yarn，这两种包管理工具想必是大家工作中用的最多的包管理工具，npm作为node官方的包管理工具，它是随着node的诞生一起出现在大家的视野中，而yarn的出现则是为了解决npm带来的诸多问题，虽然yarn提高了依赖包的安装速度与使用体验，但它依旧没有
-
现代 Monorepo 工程技术选型，聊聊我的思考
前言相信很多关注Monorepo生态的同学，应该大都看过这篇文章monorepo.tools[1]，其中列举了现存的几个主流的Monorepo相关的工具：Bazel(byGoogle)[2]Lage(byMicrosoft)[3]Lerna[4]Nx(byNrwl)[5]Rush(byMicroso
-
npm，pnpm，yarn，npx的那些事儿
包管理器历史最早发布的包管理器是npm，他在2010年1月就已经发布了。它确立了包管理器工作的核心原则。npm的发布诞生了一场革命，在此之前，项目依赖项都是手动下载和管理的。npm引入了文件和元数据字段，将依赖项列表存储在package.json文件中，并且将下载的文件保存到node_module
-
使用 Vite 和 TypeScript 带你从零打造一个属于自己的 Vue3 组件库
随着前端技术的发展，业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant，AntDesign等等。但是作为一个前端开发者，你知道一个UI组件库是如何被打造出来的吗?读完这篇文章你将学会:如何使用pnpm搭建出一个Monorepo环境如何使用vite搭建一个基本的Vue3脚手架项目
-
Pnpm 是凭什么对 Npm 和 Yarn 降维打击的
大家最近是不是经常听到pnpm，我也一样。今天研究了一下它的机制，确实厉害，对yarn和npm可以说是降维打击。那具体好在哪里呢？我们一起来看一下。我们按照包管理工具的发展历史，从npm2开始讲起：npm2用node版本管理工具把node版本降到4，那npm版本就是2.x了。然后找个目录，执行下np
-
17.6K Star! 一款快速高效的包管理工具
简介pnpm是一个快速的、节省磁盘空间的包管理工具。pnpm使用内容寻址的文件系统来存储磁盘上的所有模块文件项目地址https://github.com/pnpm/pnpm安装使用npm复制npminstall-gpnpm1.使用Homebrew如果你已经安装了Homebrew软件包管理器，则可以使
-
高性能的包管理器Pnpm，你学会了吗？
概念performantnpm。高性能的npm。它的slogan是：Fast,diskspaceefficientpackagemanager。快速的，节省磁盘空间的包管理工具。特点快速。pnpm比替代方案快2倍数据来源[1]高效。Node_modules中的文件是从一个单一的可内容寻址的存储中链接
-
看了九个开源的 Vue3 组件库，发现了这些前端的流行趋势
参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论Vue3版本。element-plus [3] -经典中的经典，全面支持Vue3tdesign-vue-next [4] -鹅厂优质UI组件，配套工具完满，设计工整，文档清晰arco-design-v
-
新一代包管理工具 Pnpm
背景如果你从事过前端方面的工作和开发，相信你对npm和yarn这样的工具已经再熟悉不过了。作为包管理工具，npm已经有了长足的历史[1]。一个项目初始化过程都需要通过npminstall命令安装相关的依赖到node_modules目录下,对于较大型的前端项目，node_modules的大小很多时候是
-
彻底搞懂 npm、yarn 与 pnpm 依赖管理逻辑
npm2的依赖管理npm2安装依赖的时候比较简单直接，直接按照包依赖的树形结构下载填充本地目录结构。比如在项目中A和C都依赖B，无论被依赖的B是否是同一个版本，都会直接无脑的生成对应的树结构，比如我们现在有下面的依赖：A@2.0.0：BaseA@1.0.0BaseB@2.0.0B@3.0.0：Bas
-
前端包管理器对比 npm、yarn 和 pnpm
前端包管理器的发展没有包管理器依赖(dependency)是别人为了解决一些问题而写好的代码，即我们常说的第三方包或三方库。一个项目或多或少的会有一些依赖，而你安装的依赖又可能有它自己的依赖。比如，你需要写一个base64编解码的功能，你可以自己写，但为什么要自己造轮子呢?大多数情况下，一个可靠的第
-
聊聊前端包管理器对比Npm、Yarn和Pnpm
前言本文将从前端包管理器的发展开始说起，然后对比npm、yarn和pnpm。没有包管理器依赖(dependency)是别人为了解决一些问题而写好的代码，即我们常说的第三方包或三方库。一个项目或多或少的会有一些依赖，而你安装的依赖又可能有它自己的依赖。比如，你需要写一个base64编解码的功能，你可以
