组件开发的环境准备： nodejs安装，npm镜像源的修改，pnpm包管理器的安装（全局安装），基于pnpm创建脚手架项目

最新推荐文章于 2026-03-18 23:22:52 发布
原创 最新推荐文章于 2026-03-18 23:22:52 发布 · 871 阅读 · 11
标签
#npm #前端 #node.js

Node.js 是一个开源的、跨平台的 JavaScript 运行环境（本质是Chrome引擎的封装）,允许开发者使用 JavaScript 来编写服务器端代码
npm(Node Package Manager)是 Node.js 包管理器, 用来安装各种库、框架和工具

【Node.js官网】 
https://nodejs.org

【npm官网】
https://www.npmjs.com

Node.js安装的时候一直按next就可以了，直到最后按finish就完成安装了，效果如下图

接下来如下图

  

 在画圈的地方输入cmd然后按回车键，跳出如下图

【设置淘宝镜像源（默认镜像源是国外网址，国内访问经常失败，所以要设置淘宝镜像源）】
输入：npm config set registry https://registry.npmmirror.com/ 按回车键

最低0.47元/天 解锁文章
出逃日志
关注
别再被pnpm全局安装报错劝退！手把手教你配置PNPM_HOME和PATH（Windows/Mac/Linux全攻略）
最新发布
weixin_42699679的博客
05-16 321
本文详细解析了pnpm全局安装报错的根本原因，并提供了Windows、macOS和Linux三大平台的完整解决方案。从PNPM_HOME环境变量设置到PATH配置，手把手教你彻底解决'Run pnpm setup'报错问题，确保全局安装包命令顺利执行。文章还包含高级配置技巧和疑难排解指南，帮助开发者高效使用pnpm进行项目管理。
前端篇（第二节）-使用npm安装pnpm
会走的鱼
07-07 1万+
访问https://registry.npm.taobao.org 会跳转到 https://registry.npmmirror.com/ 镜像（中国镜像地址）执行下面命令查询pnpm是否安装成功。重新执行下面命令安装pnpm。执行下面命令安装pnpm。执行下面命令升级npm。
使用nvm安装的npm去全局安装pnpm和yarn的过程，并且让它们安装的包可以成功生效
o_0ava0_o的博客
01-14 9569
使用nvm安装的npm去全局安装pnpm和yarn，并且使得pnpm和yarn下载的包的指令生效 nvm下载高版本node，npm不生效的原因 安装新版本nvm后，npm找不到指令，不生效的原因 npm和pnpm和yarn全局安装的包是否会冲突
使用npm安装pnpm包管理器
weixin_48826306的博客
06-23 7441
使用 npm install pnpm -g 命令安装pnpm安装完成之后，使用pnpm -v命令查询是否成功安装，出现版本号即可。
npm全局安装
weixin_41285537的博客
03-01 1万+
1.npm inatsll -g XXX 是安装在全局目录下的， 全局目录可以通过npm config set prefix '目录路径' 来设置，也可以通过 npm config ls来查看当前的全局目录 全局安装之后 在任何一个文件夹下都可以使用该XXX 一般情况 如果不设置全局目录，那他会默认是C:\Users\当前用户\AppData\Roaming\npm (\node_modules) 2.在某个路径下 执行 npm install XXX ，则是将模块安装在当前目录下：路径\nod..
pnpm、yarn 的基本安装和使用；查看与修改镜像源
UserGuan的博客
10-31 2万+
以下为 pnpm 镜像。
Vue+vite 组件开发的环境准备
2301_82005922的博客
12-03 641
组件开发的环境准备： nodejs安装，npm镜像源的修改，pnpm包管理器的安装（全局安装），基于pnpm创建脚手架项目
NVM下NPM/Yarn/PNPM环境变量配置全攻略
寒风殇云的博客
03-18 672
本文详细介绍了Node.js版本管理工具NVM的安装配置流程，包括卸载旧版本Node.js、NVM安装与镜像源设置、多版本Node.js管理方法。重点讲解了NVM环境变量配置技巧，以及如何统一管理NPM/Yarn的全局安装路径和缓存目录，包括创建专用目录、配置镜像源和生成配置文件。最后提供了完整的NPM/Yarn环境变量配置方案和常用命令，帮助开发者构建稳定高效的前端开发环境，避免版本冲突和路径混乱问题。通过这套配置方案，可以灵活切换Node.js版本并保持全局包管理的统一性。
node&npm&nrm&nvm
pscool的博客
12-31 1593
Node.js 是一个能够在服务器端运行 JavaScript 的开放源代码、跨平台 JavaScript 运行环境。Node.js 由 Node.js 基金会持有和维护，并与 Linux 基金会有合作关系。Node.js 采用 Google 开发的 V8 运行代码，使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能，可优化应用程序的传输量和规模。这些技术通常用于数据密集的即时应用程序。Node.js 大部分基本模块都用 JavaScript 语言编写。
Debian 12 安装 Node.js 全家桶：从官方仓库到手动配置的完整指南（含镜像加速）
weixin_29297127的博客
02-23 387
本文提供了在Debian 12系统上安装和配置Node.js生态的完整指南。详细对比了从官方仓库、NodeSource到Volta版本管理器等多种安装方案，并深入配置了npm、Yarn、pnpm等主流包管理器，特别针对国内网络环境给出了镜像加速等优化建议，旨在帮助开发者构建稳定高效的JavaScript开发环境。
pnpm安装方式
IT小辉同学
07-14 1万+
开开心心的，每一天都是晴天！ Happy, every day is sunny！
pnpm 的安装使用
qq_50260510的博客
06-07 2043
pnpm的安装和使用
npm包全局安装和局部安装
中国红客99代传人的博客
05-08 3967
全局安装是将npm包安装在你的node安装目录下的node_modules文件夹中。在windows和mac中，全局安装的默认路径是不同的。npm包在全局安装之后，这个包的命令就会被注册到全局，你就可以直接在命令行中执行这个命令了。但是如果你在这个项目中直接执行包中的命令，就会发现控制台报错，告诉你这个命令找不到。,package.json中的scripts会按照一定顺序寻找对应命令的位置，本地的。原理： 在本地安装一个包之后，这个包的命令会被添加到项目的。所以本地安装的包的命令可以执行。
npm全局安装:完整指南
exlink2012的专栏
10-16 3183
全局安装是指将一个 npm 包安装在系统的全局环境中,而不是特定项目的 node_modules 目录下。全局安装的包可以在命令行中直接使用,无需考虑当前所在的目录。
npm全局安装&局部安装&指令列表
kobe_okok的博客
02-02 2383
安装完成之后保存在package.json 的dependencies中。安装之后保存在package.json的devdependencies中。删除全局模块，同时清除package.json。全局安装，node包会被下载到全局目录下。本地安装，安装在当前文件夹下面。
安装pnpm
qq_42463588的博客
08-02 3万+
通过以上步骤，你应该能够成功安装pnpm并开始使用它来管理你的Node.js项目依赖。pnpm以其高性能和磁盘空间利用率而著称，是现代前端项目中不可或缺的工具之一。
pnpm 基本详细使用教程（安装、卸载、使用、可能遇到的问题及解决办法）
热门推荐
蓝雨天的博客
02-15 13万+
pnpm 全称 performant npm，意思为 高性能的 npm。pnpm 由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的 bug，极大的优化了性能，扩展了使用场景。被誉为 最先进的包管理工具。特点：速度快、节约磁盘空间、支持 monorepo、安全性高、创建一个非扁平的 node_modules 目录。pnpm 相比较于 yarn/npm 这两个常用的包管理工具在性能上也有了极大的提升，根据目前官方提供的benchmark。
npm安装依赖实践总结
小小默：进无止境
05-11 1万+
# 【1】npm的全局安装路径 查看默认值： ```bash npm get prefix ``` 默认是`C:\Users\你的用户名\AppData\Roaming\npm` 可以通过 ` npm config prefix` 更改全局安装路径： ```bash npm config set prefix "" ``` # 【2】 npm install ## ① npm install的几种常见方式 ```bash # 安装模块到项目目录下 npm install moduleN
pnpm的安装和使用
iceylia的博客
06-05 2万+
方法一：用管理员运行vscode。如果之前安装过了其实不用安装了。当在vscode上使用时出现。出现这个就是没有用管理员运行。新建一个.npmrc文件。到这一般就没有问题了。
NPM：修改npm源
yygr的博客
12-14 3534
在公司运行项目时有时会用到公司自己的源，那这个时候我们就需要切换一下npm源了，国内也有很多其他的源，比如淘宝npm镜像，那我们切源的时候要咋切呢？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值