pnpm

ERR_PNPM_INVALID_WORKSPACE_CONFIGURATION packages field missing or empty

vue执行 pnpm install命令时，报 ERR_PNPM_INVALID_WORKSPACE_CONFIGURATION packages field missing or empty错，在网上查询了很久，也没有传出来结果，最后发现是pnpm的版本不对引起的。我先执行的是npm install -g pnpm&…

从0开始搭建一个Monorepo模版，基于Turborepo+pnpm+changesets+dumi

Monorepo 前言开始一、使用turborepo初始化项目二、调整目录结构及文件1. 调整package.json文件2. 调整app目录3. 调整eslint包4. 调整ui包5. 调整eslint配置6. 调整.npmrc7. 使用commitizen规范代码提交8. 使用commitlinthusky进行 commit提交信息校验9. 使用husky进行commit前…

如何获取pnpm存储目录

现在你可以做得到：\path\to.pnpm-store\v3 pnpm store path注：从v7.0.0开始，pnpm 存储位于不同的文件夹中。它将位于$XDG_DATA_HOMELinux Linux : ~/.local/share/pnpm/store (default) Windows : C:\Users\YOUR_NAME\AppData\Local\pn…

使用pnpm workspace管理Monorepo架构

在开发项目的过程中，我们需要在一个仓库中管理多个项目，每个项目有独立的依赖、脚手架，这种形式的项目结构我们称之为Monorepo，pnpm workspace就是管理这类项目的方案之一。一、pnpm简介 1、pnpm概述 pnpm代表performance npm…

内网 monorepo 配置指南（PNPM、YARN）

此处的内网是指没办法连接互联网进行依赖下载的环境，本文以windows平台为例背景说明绝大部分政府机关、国有企业都是在内网开发，无法从互联网同步依赖，就需要另辟蹊径解决项目依赖的问题。传统的单包项目还好，从互联网机器将…

Windows 中的硬链接、软连接、快捷方式和普通文件

在 Windows 中，文件可以有四种类型： 硬链接软连接快捷方式普通文件当我们正常创建一个文件时，这个文件就是普通文件 echo hello > a.txt (Get-Item "a.txt").LinkType -eq $null # 输出 True然后我们可以为其添加一个软连接…

Vue.js 学习总结（5）—— npm、cnpm、npx、yarn、pnmp 之间的区别总结

npm： 是 Node.js 的默认包管理器，也是最常用的包管理器之一。使用它可以安装、更新和删除项目中的依赖包。提供了丰富的命令行工具，可以管理包的版本、查找包、发布包等。 cnpm： 是淘宝 NPM 镜像的命令行工具，用于加速…

结合swagger的前端架构小记

1.引言开发中，我们是否经常遇到以下痛点： 项目越大，启动和热更新越来越慢，启动都要花个3-5分钟以上没有类型，接口返回的Object不拿到真实数据都不知道有哪些字段需要手动写很多request函数去调用api，手动…

ERR_PNPM_NO_GLOBAL_BIN_DIR Unable to find the global bin directory

错误提示 ERROR Unable to find the global bin directory Run "pnpm setup"to create it automatically, or set the global-bin-dir setting, or the PNPM HOME env variable.The global bin directory should be in the PATH.错误，找不到全局bin目录 …

pnpm + vite 从外网迁移到内网环境开发

离线安装pnpm 在有外网的机器上执行以下命令，下载pnpm的tgz压缩包至桌面，注意下载版本和当前使用版本保持一致 npm pack -g pnpm7.4.0 --pack-destination ~/Desktop将tgz压缩包拷贝至离线机器在离线机器中执行命令 npm -g i /home/user/offline/pnpm…

Node.js 的安装

node.js 通用的安装方式（单版本） Node.js 可以用不同的方式进行安装。第一种，可以在官网中，根据自己的操作系统，选择对应的安装包。打开官网网址（Download | Node.js） 第二种，就…

AWS CI/CD之Vuejs（pnpm版）

问题最近需要在AWS国际版上面部署一下前端web的CI/CD。之前介绍过在CodeBuild中使用yarn进行前端构建的文章，这次我们在CodeBuild中使用pnpm方式进行构建，同时把结合CodePipeline形成前端的CI/CD工作流。 1.创建前端部署s3桶设置桶名称：…

npm、yarn、pnpm如何清除缓存？

前端工程化创建项目会经常使用各种安装包管理工具，安装各种前端依赖包。例如，npm、yarn、pnpm等。时间一长，各种安装包管理工具的在安装依赖时，留下的缓存文件就会变得很大，以至于影响系统的运行，因此必要时…

vue项目搭建---1.搭建基础的框架

目录 1. pnpm下载1.1 安装1.2 差异1.3 镜像源设置 2. 项目2.1 vite创建项目2.2 项目配置2.3 piniavue-routermain.jsstore/index.jsrouter/index.jsvue文件里使用示例 2.4 eslint prettier.eslintrc.js.eslintignore.prettierrc 2.5 样式2.6 commitizenpackage.json.cz-config…

docker 下 pnpm node环境

pnpm 本机环境昨天还好好的，今天就无法使用了。最后用docker 一样的环境才成功本机报错 apps/admin:dev: cache bypass, force executing 07f892bd0d4533a7 apps/admin:dev: apps/admin:dev: > apps/admin3.0.0-beta.1 dev /project/github/ben3/apps/admin…

横向对比 npm、pnpm、tnpm、yarn 优缺点

前端工程化是现代Web开发中不可或缺的一环，它的出现极大地提升了前端开发的效率和质量。在过去，前端开发依赖于手动管理文件和依赖，这导致了许多问题，如版本冲突、依赖混乱和构建繁琐等。而今，随着众多前端工程化工具…

mac安装pnpm与使用

1、什么是pnpm？ pnpm 全称 performant npm，意思是高性能的 npm。pnpm 由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的 bug，极大的优化了性能，扩展了使用场景。被誉为 “最先进的包管理工具”。 2、pnpm特点速度…

npm、pnpm、yarn的常用命令

npm、pnpm、yarn的常用命令文章目录npm、pnpm、yarn的常用命令一、常用命令1、npm命令2、pnpm命令：3、yarn命令二、对比一、常用命令 1、npm命令 npm init: 初始化一个新的npm包。 npm install: 安装项目依赖项。 npm install : 安装指定的包。 npm install --sa…

pnpm基础教程

一、概述 1、更小使用 npm 时，依赖每次被不同的项目使用，都会重复安装一次。而在使用 pnpm 时，依赖会被存储在内容可寻址的存储中。 2、更快依赖解析。仓库中没有的依赖都被识别并获取到仓库。目录结构计算。 node_modules 目录结构是…

pnpm、npm、yarn 包管理工具『优劣对比』及『环境迁移』

前言博主在开发前端网站的时候，发现随着开发的项目的逐渐增多，安装的依赖包越来越臃肿，依赖包的安装速度也是非常越来越慢，多项目开发管理也是比较麻烦。之前我就了解过 pnpm，但是当时担心更换包管理环境可能会出现的…

npm, yarn和pnpm清理缓存

文章目录前言npm查看缓存路径清理缓存 yarn查看缓存路径清理缓存 pnpm查看缓存路径清理缓存前言 npm, yarn和pnpm是时下主流的node.js包管理器。随着前端项目的增多，会下载许多的依赖。不管是哪种包管理器，都会使用缓存来增加下次下载的速度。但很多…

【Node】npm、yarn、pnpm 区别

npm、yarn、pnpm 区别 npm npm 是 Node.js 能够如此成功的主要原因之一。 npm 是围绕着语义版本控制（semver）的思想而设计的，给定一个版本号：主版本号.次版本号.补丁版本号， 以下这三种情况需要增加相应的版本号&am…

pnpm项目运行启动以及如何迁移到内网

1.迁移前的准备首先看对node版本和pnpm版本的要求是什么，我的是自己电脑（windows系统）和内网电脑（windows系统）上的环境一致的我的项目要求是 1.node版本 16.20.0 2.pnpm版本 8.6.2 需要先将node 和 pnpm 安装好相应…

Ubuntu20.04 install pnpm

npm install -g pnpm referrence link: Installation | pnpmPrerequisiteshttps://pnpm.io/installation

如何使用 pnpm 实现前端 Monorepo项目管理

前言随着软件开发项目变得越来越庞大和复杂，如何有效管理和维护代码库成为了一个重要的问题。一种流行的解决方案是 Monorepo，也就是在一个版本控制系统中管理所有的项目代码。什么是 Monorepo Monorepo 是一种项目代码管理方式，指单个仓…

day5 nest商业项目初探·一（java转ts全栈/3R教室）

背景：从头一点点学起太慢了，直接看几个商业项目吧，看看根据Java的经验，自己能看懂多少，然后再系统学的话也会更有针对性。先看3R教室公开的 kuromi 移民机构官方网站吧【加拿大 | 1.5w】Nextjs：kuromi 移民…

已解决：windows 下无法加载文件 xxx.ps1，因为在此系统上禁止运行脚本

目录 1，问题描述2，问题解决 1，问题描述当通过 npm 全局安装依赖后（比如 ts 对应的 tsc 命令，还有 pnpm），想直接使用安装的命令，就会报错： 2，问题解决以管…

【Monorepo实战】pnpm+turbo+vitepress构建公共组件库文档系统

Monorepo架构可以把多个独立的系统放到一起联调，本文记录基于pnpm > workspace功能，如何构建将vitepress和组件库进行联调，并且使用turbo进行任务顺序编排。技术栈清单： pnpm 、vitepress 、turbo 一、需求分析 1、最终目标…

install pnpm : 无法加载文件的解决办法

问题描述我在使用pnpm的时候报错 PS D:\emss\pure-admin-backend> pnpm install pnpm : 无法加载文件 C:\Users\RD-16\AppData\Roaming\npm\pnpm.ps1。未对文件 C:\Users\RD-16\AppData\Roaming\npm\pnpm.ps1 进行数字签名。无法在当前系统上运行该脚本。有关运行脚本和设…

node 包管理工具对比 npm、yarn、pnpm、yarn berry

飞叶视频 npm 16~17年 npm3 之前依赖通过简单树形 package 嵌套两个问题： 文件深度过深，在window系统一些应用工具下会处理不了过长的路径不同包依赖相同包会拷贝大量副本，占用磁盘空间 SemVer 版本管理导致依赖安装不确定缓存能力…

ElementPlusViteStarterPnpm版本

1 起因由于最近Vite升级了2.x版本，项目中需要改动的东西有点多，本来想基于官方给出的starter重做，但是又看到了一个叫pnpm的仓库，构建速度会比原生npm/yarn快两倍以上： 因此模仿官方starter做了一个pnpm版本的starte…

Centos系统pnpm升级报错 ERR_PNPM_NO_GLOBAL_BIN_DIR

在 CentOS 系统中使用 pnpm i -g pnpm 报错：ERR_PNPM_NO_GLOBAL_BIN_DIR Unable to find the global bin directory，折腾半天终于解决了。完整报错信息 [rootVM-8 test]# pnpm i -g pnpm Nothing to stop. No server is running for the store at /roo…

三巨头对决：深入了解pnpm、yarn与npm

欢迎来到我的博客，代码的世界里，每一行都是一个故事三巨头对决：深入了解pnpm、yarn与npm 前言包管理器简介npm（Node Package Manager）：Yarn：pnpm（Performant Npm）&#…

【@changesets/cli】变更集实战教程

一、背景概述前端目前基于Monorepo架构的npm包开发很普遍，在开发完毕后，我们需要对包进行版本号升级，并且部署，这些操作如果是手动来操作的话，很麻烦，而且容易出错。例如有这样的场景： -ap…

pnpm入门教程

一、概述 1、更小使用 npm 时，依赖每次被不同的项目使用，都会重复安装一次。而在使用 pnpm 时，依赖会被存储在内容可寻址的存储中。 2、更快依赖解析。仓库中没有的依赖都被识别并获取到仓库。目录结构计算。 node_modules 目录结构是…

安装 yarn、pnpm、功能比较

安装 yarn 官网：https://classic.yarnpkg.com/ 快速、可靠和安全的依赖性管理。 Yarn是您代码的软件包管理器。它允许您使用和共享（例如JavaScript）与来自世界各地的其他开发人员一起编写代码。Yarn是一个新的快速安全可信赖的可以替代 NP…

asdf安装不同版本的nodejs和yarn和pnpm

安装asdf 安装nodejs nodejs版本目前项目中常用的是14、16和18 安装插件 asdf plugin add nodejs https://github.com/asdf-vm/asdf-nodejs.git asdf plugin-add yarn https://github.com/twuni/asdf-yarn.git可以查看获取所有的nodejs版本 asdf list all nodejs有很多找…

pnpm项目内网迁移技巧

概述因为公司项目需要，经常要从外网将代码拷贝到内网进行调试，因为pnpm是基于链接的npm管理工具，所以pnpm的项目迁移和普通的npm项目不一样。步骤离线安装pnpm # 在互联网设备执行 pnpm 的安装 npm i pnpm --install-strategyshallow …

JavaScript TypeScript

文章目录 JavaScript语法事件处理与HTML和CSS集成前端框架和库 TypeScript静态类型检查语法更好的可维护性包管理工具npmpnpmyarnBower JavaScript JavaScript（简称JS）是一种广泛应用于网页开发的脚本语言。它被用来为网页增加交互性和动态功能。以下是…

pnpm包管理器

官网优点快速 pnpm 比 npm 快了近 2 倍高效 node_modules 中的所有文件均克隆或硬链接自单一存储位置支持单体仓库 pnpm 内置了对单个源码仓库中包含多个软件包的支持权限严格 pnpm 创建的 node_modules 默认并非扁平结构，因此代码无法对任意软件包进行访问安…

你知道npm、yarn、pnpm的区别吗？

npm 嵌套的 node_modules 结构 npm 在早期采用的是嵌套的 node_modules 结构，“node_modules” 文件夹通常包含项目依赖的模块。在项目中使用多个依赖并且这些依赖本身也有它们自己的依赖时，就会出现嵌套的 “node_modules” 结构。嵌套的 “node_mo…

深入了解pnpm：一种高效的包管理工具

✨专栏介绍在当今数字化时代，Web应用程序已经成为了人们生活和工作中不可或缺的一部分。而要构建出令人印象深刻且功能强大的Web应用程序，就需要掌握一系列前端技术。前端技术涵盖了HTML、CSS和JavaScript等核心技术，以及各种框架、库和工具…