vuecli包管理工具切换到pnpm后初始化项目巨慢，如何改为npm包管理

最新推荐文章于 2025-03-11 21:54:31 发布
原创 最新推荐文章于 2025-03-11 21:54:31 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #前端 #node.js

本文分享了一次从pnpm包管理器切换回npm的经历，解决了项目初始化过程中的长时间等待问题，并介绍了如何查看初始化进度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一次跟风，浪费了多少时间，等待项目初始化完成~~~~~
pnpm没有安装进度，卡死那种真的很莫名的不知所谓！！！
必须切换到npm包管理了！！！

C:\Users\Admin

在这里插入图片描述
主要就是这里的修改，跟风切换成了pnpm,导致初始化新项目等待时间超长，差点造成心理恐惧建新项目障碍
在这里插入图片描述
然后就可以在初始化的时候看到进度信息了~~~

前端npm, yarn, pnpm下载速度太慢，设置国内镜像源的几种方式，体验非一般的感觉
favourite23的博客
07-26 965
在前端开发的时候使用国外的镜像源速度很慢并且容易下载失败，有时候需要尝试多次才有可能下载成功，很麻烦，因此可以切换为国内镜像源，下面为常用的npm,yarn,pnpm切换国内镜像源（以淘宝为例）的方式。上面那种设置是全局的，以后每次都会自动读取已经设置好的源，如果只是一次性使用，可以使用下面的命令。
前端使用 pnpm，告别依赖安装慢问题
最新发布
AI架构全栈开发实战笔记
06-28 730
为什么前端项目依赖安装越来越慢？pnpm如何从根本上解决依赖安装性能问题？如何在实际项目中迁移到pnpm并发挥其最大优势？首先通过生活化比喻解释包管理的核心问题深入解析pnpm的创新设计原理提供详细的安装配置指南展示实际项目中的性能对比探讨高级用法和未来趋势扁平化安装(Flat node_modules)：npm和yarn采用的依赖安装方式，将所有依赖提升到node_modules根部硬链接(Hard Link)：文件系统中指向同一物理数据的多个文件入口。
pnpm改造替换npm
liuniansilence的博客
07-13 1511
pnpm使用硬链接的方式共享已安装的包，而npm使用的是符号链接的方式共享已安装的包。这样，当你安装一个包的不同版本或者不同项目使用同一个包时，它们会共享已经安装的包，减少了磁盘空间的占用，同时也加速了安装的速度。pnpm有对node版本的要求。pnpm的硬链接模式和npm的dedupe功能是类似的，都是通过共享已安装的包来减少磁盘空间的占用，同时也可以提高安装包的速度。: pnpm可以管理多个项目的依赖，可以将相同的依赖安装在一个公共的位置，减少磁盘空间的占用，并且可以快速地切换项目之间的依赖关系。
pnpm install (使用快速高效的pnpm代替原生npm)
★【World Of Moshow 郑锴】★
12-19 1万+
前言 如果你觉得npm比较慢，又不想用yarn，那么pnpm是一个很好的选择。 花里胡哨的介绍完全不需要 ，快速 + 高效 ，就是pnpm最好的特性和体验。 官方使用文档 https://pnpm.io/zh/pnpm-cli NPM安装PNPM npx pnpm add -g pnpm Upgrading pnpm Once you have installed pnpm, there is no need to use other package managers to update it. Yo
使用 pnpm 替换 npm：一个完整的迁移指南
一萧烟雨任平生
11-21 2973
项目从 npm 迁移到 pnpm
pnpm install太慢，“will retry in 10 seconds“ 解决方案
yavlgloss的博客
01-01 1366
pnpm install
pnpm下载过慢——解决方法：更换镜像源
NanChen的博客
02-23 4563
解决方法：更换镜像源。
开发知识点-NodeJs-npm/Pnpm/Yarn包管理器
aming小老弟
11-08 1581
Node.js 是一个基于 Chrome V8 引擎的开源免费跨平台的 JavaScript 运行环境。由于 Node.js 进程尝试加载 providers.dll 时没有指定 DLL 的绝对路径。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。攻击者可以在当前工作目录写入恶意 DLL 文件进行 DLL劫持攻击。Windows 会按照特定策略进行搜索以找到所需的 DLL 文件。Node.js 组件存在 DLL 劫持漏洞。快速的，节省磁盘空间的包管理工具。
基于 vue2 发布 npm包
一直记录
11-15 1244
基于vue2项目,新建组件,发布npm包
npm上传自己的包以及发布过程遇到的问题
weixin_53339757的博客
07-23 2918
npm上传自己的包以及发布过程遇到的问题
前端如何发布npm包
m0_62323931的博客
03-11 1144
初始化项目并安装 Webpack。配置 Webpack 打包规则。编写并导出你的代码。打包代码并配置。登录 npm 并发布你的包。通过以上步骤，你就可以将自己封装的 JavaScript 代码打包并发布到 npm 上，供他人使用！如果本文浏览量高，评论较多。后期将考虑出一期怎样让自己的npm包支持TypeScript，在npm官网的包名上拥有TS。
从0-1逐步搭建一个前端脚手架工具并发布到npm
owo_ovo的博客
11-20 2394
从0-1逐步搭建一个前端脚手架工具并发布到npm
前端npm, yarn, pnpm下载速度太慢，设置国内镜像源的几种方式，让其速度飞起来
热门推荐
码农
06-08 2万+
在前端开发的时候使用国外的镜像源速度很慢并且容易下载失败，有时候需要尝试多次才有可能下载成功，很麻烦，因此可以切换为国内镜像源，下面为常用的npm,yarn,pnpm切换国内镜像源（以淘宝为例）的方式。上面那种设置是全局的，以后每次都会自动读取已经设置好的源，如果只是一次性使用，可以使用下面的命令。### 三、Yarn 切换镜像源。### 三、pnpm 切换镜像源。### 二、NPM切换镜像源。1. 查看当前的镜像源。2. 设置为淘宝镜像源。2. 设置为淘宝镜像源。1. 查看当前镜像源。
vue/react项目npm迁移pnpm，同时兼容npm
weixin_63453708的博客
02-16 2941
vue2项目npm迁移pnpm，同时兼容npm
vue-cli3更改包管理器（npm，yarn）
zhangxiaodui的博客
06-25 393
场景： 今天在使用vue-cli4.5.12版本创建vue 2.0项目时，发现使用vue create 项目名创建的项目采用的是yarn来创建的，这个时候我就产生了疑惑，现在想改为npm怎么办呢。 解决 想起前不久我选择了手动创建项目，vue-cli的官网上有写在项目创建的过程中被保存的preset将会存在用户电脑的C盘下的用户下的administrator文件夹下的名为.vuerc的json文件里，可以编辑该文件去修改或者删除它，重新执行vue create 项目名称即可。 ...
npm管理pnpm
m0_69699689的博客
01-19 1334
（确保你的项目没有全局安装了 pnpm，以免产生不一致的依赖关系。如果你不确定，可以使用 `npm install -g pnpm // 在全局范围内安装 pnpm。2、在 Linux/macOS 系统中，可能需要使用。3、在一个特定的项目中使用 pnpm，而不是全局范围。来检查全局范围内是否安装了 pnpm）1、使用 npm 来管理你的项目依赖。5、在特定的项目中使用 pnpm。4、升级 pnpm 到最新版本。
解决npm下载过慢甚至卡住的问题
hdjdljx的博客
12-25 2701
刚安装完node的时候，使用npm安装项目经常会卡住。原因是npm的下载地址是国外的。 解决方案是将npm的下载地址转回淘宝的地址。 这个方法不需要安装cnpm，只需要修改一下地址就可以了。 我们可以使用命令npm config get registry查看npm默认下载地址。 可以看到默认的地址是https://registry.npmjs.org/ 使用命令npm config set r...
解决windows环境使用pnpm安装的包删除缓慢问题
Mr_Chelin的博客
12-26 454
快速删除文件夹
怎么修改vue的初始设置
03-31
### 修改 Vue 项目初始化设置或配置文件 在 Vue 项目中，可以通过调整 `vue.config.js` 配置文件来修改项目的初始设置。以下是关于如何修改 Vue 项目初始化设置的具体说明： #### 1. 自动打开浏览器 为了实现项目运行时自动打开浏览器的功能，可以在 `vue.config.js` 文件中添加如下配置[^3]： ```javascript const { defineConfig } = require('@vue/cli-service'); module.exports = defineConfig({ devServer: { open: true, // 启用自动打开浏览器功能 host: 'localhost', // 设置主机地址 port: 8080, // 设置端口号 }, }); ``` #### 2. 关闭 ESLint 校验 如果希望关闭 ESLint 的校验功能，可以按照以下方法操作： - 打开 `package.json` 文件，在其中找到 `"lintOnSave": true` 并将其改为 `"lintOnSave": false`。 或者直接删除该字段。 #### 3. 删除不必要的模板文件 对于新创建的 Vue 项目，默认会在 `src/components/` 和 `src/views/` 下生成一些示例文件（如 `HelloWorld.vue`）。如果不打算使用这些文件，可以直接手动删除它们[^4]： - 删除 `src/components/HelloWorld.vue` 文件。 - 清理 `src/views/` 目录中的内容。 #### 4. 调整依赖管理工具 如果需要更换默认的包管理工具（例如从 npm 切换到 pnpm），可以在初始化项目时指定使用的工具[^2]。具体命令如下： ```bash pnpm create vue@latest ``` 此命令将引导用户完成基于 Vue 官方脚手架的新项目创建过程，并允许选择 pnpm 作为依赖管理器。 --- ### 总结 通过上述方式，能够灵活地对 Vue 项目的初始化设置进行自定义调整。无论是优化开发体验还是满足特定需求，都可以通过对配置文件和目录结构的操作达成目标。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风清云淡_A

觉得有帮助的话可以给点鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值