【 windows10系统 】npm(cnpm)简介 + 最新版详细安装教程

本文介绍npm和cnpm的基础知识,包括npm的创始人、工作原理及推荐使用cnpm的原因。详细指导如何安装Node.js环境,修改npm配置以使用淘宝镜像站,以及如何更新npm版本和安装cnpm。通过实例演示如何安装express模块。

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

一. npm和cnpm

1.1 npm简介

npm英文全称为node package manager,顾名思义就是Node.js环境下的包管理器。 像jQuery,express,Vue等第三方代码资源就被称为包(package),npm就主要负责这些包的安装、卸载、管理依赖等。

在这里插入图片描述
npm的创始人是Isaac Z. Schlueter,2002年毕业于南康涅狄格州立大学。npm的出现是开创性的,它提供了一种集中统一的资源下载和管理方式。 它的工作原理简单来说分为以下三步:

  • npm官方提供的服务器作为代码仓库(registry),里面放着所有需要被共享的代码资源;
  • 各类代码资源作者可以把代码提交到npm的代码仓库 (registry);
  • 用户可以通过简单的npm安装命令即可下载安装对应的代码资源模块到本地使用;

1.2 推荐使用cnpm的原因

因为npm的服务器在国外,使用npm命令安装各种包速度会很慢,容易受网络状况的影响。所以我们国内的淘宝团队就做了一个中国版的npm镜像 —— cnpm。我们可以用cnpm代替npm,安装速度和稳定性会比较好。

二. 安装步骤

1. 安装Node.js环境

直接官网下载对应版本安装即可。Node.js官网下载地址

在这里插入图片描述
我这里下载的是win10 x64的版本,安装路径为D:\nodejs,这里大家根据自己的实际情况选择安装即可。(一路Next安装,记得改安装路径)

现在Node.js环境已经集成了npm,不需要另外安装。我们可以在cmd命令提示符窗口( win + R 然后输入cmd进入)依次输入下述代码检测我们刚刚的Node.js安装结果,出现版本号即为安装成功:

node -v
npm -v

在这里插入图片描述

2. 修改npm配置(本地缓存地址 + 淘宝镜像站)

我们先来看一下此时默认的配置,查看npm配置的命令为:

npm config list

在这里插入图片描述
可以看到默认的仓库地址是国外的npm官方仓库地址https://registry.npmjs.org/,一会儿我们要安装cnpm,所以之后会修改仓库的地址为淘宝镜像地址。
默认的文件本地存储地址在为C:\Users\dell\AppData\Roaming,现在我们来打开这个路径:

在这里插入图片描述
在这里你会看到这两个文件,或许你会没有第二个文件,那是因为你还没有使用过npm,没有关系。之后我们要做的就是把默认的本地文件存储地址从这里更改到刚才Node.js的安装目录下。既方便查看,又不占用C盘资源。

之后我们直接在Node.js的安装目录下新建如下两个文件夹:

在这里插入图片描述
之后打开cmd依次执行下面的代码(具体的Node.js安装路径以自身为准):

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

npm config set registry=http://registry.npm.taobao.org

在这里插入图片描述
现在我们再来输入npm config list查看npm的配置:

在这里插入图片描述
如果你此时的npm配置如图所示,就算是完成了基本的npm配置。可以再来检测一下淘宝镜像站:

npm config get registry

如果出现下图所示的情况则说明镜像站可行。

在这里插入图片描述

2.3 增加系统环境变量NODE_PATH

由于我们刚才已经把默认的模块存储地址改到node_global目录下了,直接运行npm install安装命令将会报错。所以我们还需要在node_global目录下新建一个node_module文件夹:

在这里插入图片描述
然后把这个路径添加到系统的环境变量中,右击 此电脑图标 打开属性面板,之后点击顺序如下:

在这里插入图片描述
如图添加路径信息:

在这里插入图片描述

2.4 测试安装express模块

如果以上的步骤你都没有问题,这个时候就可以使用npm install安装命令来安装模块了,以express为例:

npm install express -g

如下图所示,则说明安装成功,并且你会在node_global目录下的node_module文件夹中看到安装好的express的文件夹。

在这里插入图片描述
在这里插入图片描述

三. 如何更新npm的版本

更新npm包也很简单,输入以下命令,等待执行完毕即可:

npm install npm -g

在这里插入图片描述
再来查看npm的版本,可以对比之前的图片,版本确实更新啦~

npm -v

在这里插入图片描述

四. 安装cnpm

输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

因为cnpm会被安装到D:\nodejs\node_global下,而系统变量path并未包含该路径。此时使用cnpm的命令会提示我们:
‘cnpm’ 不是内部或外部命令,也不是可运行的程序或批处理文件。

在这里插入图片描述
我们在系统变量path下添加该路径即可正常使用cnpm

在这里插入图片描述
在这里插入图片描述
再来输入一次cnpm -v命令,如果出现下图的结果就说明你成功啦!!!

在这里插入图片描述


下一节将会演示使用cnpm命令安装Vue脚手架(Vue-cli),初步搭建我们的第一个Vue组件化项目。❤❤❤

<think>好的,用户的问题是关于npm安装cnpm失败时的解决方案。我需要先理解用户遇到的错误情况以及可能的原因。根据用户提供的引用内容,特别是引用[1]和[4],常见的解决方法包括使用淘宝镜像、清理缓存、检查权限等。 首先,用户尝试了npm install cnpm -g,但失败了。可能的原因包括网络问题、权限不足、缓存问题或依赖冲突。需要逐步排查这些可能性。 根据引用[1],使用淘宝镜像是一个常见的解决方案,可能用户之前的命令没有正确配置镜像源。需要建议用户使用正确的registry参数,比如--registry=https://registry.npm.taobao.org。 另外,引用[5]提到使用管理员权限运行命令行,这可能解决权限问题。需要提醒用户以管理员身份运行cmd或使用sudo(在Mac/Linux下)。 缓存问题也是一个常见因素,引用[4]中提到删除node_modules和package-lock.json后重新安装成功。所以需要建议用户清理npm缓存,并删除相关文件再试。 还有可能存在的防火墙或代理问题,需要用户检查网络设置。此外,使用cnpm或nrm这样的工具可能帮助切换源,提高安装成功率。 需要将这些步骤分点列出,确保逻辑清晰,并引用相关的引用内容作为支持。同时,根据用户提供的引用[3],npm unlink可能不相关,但cnpm的基础命令可能有用,但当前问题主要是安装cnpm失败,所以重点在安装步骤。 最后,生成相关问题时要围绕npm安装问题,镜像使用,权限处理等方面,确保用户能进一步了解相关问题。</think>### 解决方案:npm安装cnpm失败的常见原因及解决方法 #### 1. **检查网络与镜像源配置** - **问题原因**:默认npm仓库(registry.npmjs.org)在国内访问可能不稳定。 - **解决方法**:直接使用淘宝镜像源安装: ```bash npm install cnpm -g --registry=https://registry.npm.taobao.org ``` 此命令通过指定淘宝镜像源绕过默认仓库的网络问题[^1]。 #### 2. **权限问题** - **问题原因**:全局安装(`-g`)需要管理员权限。 - **解决方法**: - **Windows**:以管理员身份运行命令提示符(参考[^5]中提到的`ctrl+shift+enter`打开管理员cmd)。 - **Mac/Linux**:使用`sudo`前缀: ```bash sudo npm install cnpm -g --registry=https://registry.npm.taobao.org ``` #### 3. **清理npm缓存** - **问题原因**:缓存文件损坏可能导致安装失败。 - **解决方法**: ```bash npm cache clean --force ``` 清理后重新执行安装命令[^4]。 #### 4. **手动删除残留文件** - **问题原因**:之前安装失败的残留文件可能引发冲突。 - **解决方法**: - 删除全局`node_modules`中残留的`cnpm`目录(路径通常为`/usr/local/lib/node_modules`或`C:\Users\用户名\AppData\Roaming\npm\node_modules`)。 - 若当前目录有`node_modules`或`package-lock.json`,也建议删除后重试。 #### 5. **使用替代工具** - **问题原因**:某些网络环境下镜像源仍不稳定。 - **解决方法**: - 直接使用淘宝npm客户端(无需安装cnpm): ```bash npm install -g npminstall --registry=https://registry.npmmirror.com ``` - 或通过`nrm`切换镜像源: ```bash npm install -g nrm nrm use taobao ``` #### 6. **检查Node.jsnpm版本** - **问题原因**:旧版本可能存在兼容性问题。 - **解决方法**: - 升级Node.js至最新LTS版本。 - 更新npm: ```bash npm install -g npm@latest ``` --- ###
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值