深圳幻海软件技术有限公司 欢迎您!

  • 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编解码的功能,你可以

推荐阅读