npm 相关

一下内容针对在node.js官网 下载安装包后得到的npm命令

一、前言

在每一次的实际开发过程中，我们都会下载相关的依赖包，最官方的是 npm ，但是该服务器对于国内开发者来说，下载起来是比较慢的，所以我们需要换源。（有梯子或者信任官网的请忽略）

二、cnpm : 国内对npm的镜像版本

/*
* cnpm 官网地址: https://npm.taobao.org/
* cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些
*/
 
npm install -g cnpm --registry=https://registry.npm.taobao.org

// https://registry.npm.taobao.org 可能已经停止解析，可以使用以下地址
npm install -g cnpm --registry=https://registry.npmmirror.com

三、 yarn 和 npm 改源大法

• npm config : npm config set registry https://registry.npm.taobao.org
• yarn config : yarn config set registry https://registry.npm.taobao.org

扩展

npm 原本的包源地址：`https://registry.npmjs.org`
npm 查看使用的包源是哪一个：`npm config get registry`

四、项目中npm使用淘宝源安装依赖的各种操作

• .npmrc
  在项目根目录下创建文件.npmrc， 指定部分npm 不好安装的包用其他源，如：
  指定 electron 和 electron-builder 在淘宝源的下载路径。

auto-install-peers=true
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/

• 项目依赖全部使用 淘宝源

npm install --registry=https://registry.npmmirror.com

 
 

nvm相关

使用原因：之前一直使用vue2进行开发，安装的node是 14.x 版本；但最新学习vue3 + vite，发现运行项目结束后会报错，并且热更新不生效，找了一圈原因，有可能是node版本太低的原因。

 
 
注意：使用 nvm 后安装包那种的 node 是识别不出来的，最好卸载后通过 nvm 安装

原因：通过 nvm 安装的 node 是存在于 nvm 安装路径中（区分版本存在），其里面包含了对应的全局命令，如 npm、npx、cnpm ( 需要在对应版本下重新安装，否则该版本下不存在该命令；可在最常用的 node 版本下安装)。但是，安装包方式安装的 node 起安装路径是单独存在的，使用 nvm 识别不了。

一、nvm 安装

1.1 下载

• github下载地址
• 打开连接后找到想要版本下的 nvm-setup.zip（这是一个 Windows 安装包，下载之后点击安装，无需配置就可以使用，方便）
• 解压安装即可

安装时最好记住（或者不修改）nvm 的安装路径，后面会用到；默认安装路径是： C:\Users\admin\AppData\Roaming\nvm

1.2 设置镜像

设置镜像，不然下的很慢，默认用的 npm源，在下载目录下，找到 settings.txt ，添加以下两行代码：

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

# 注意：因为淘宝的镜像域名更换，npm.taobao.org域名HTTPS证书到期更换为npmmirror.com，所以要改成下面的写法
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

这样配置后，npm就是使用的 taobao 源，可通过 npm config get registry 命令查看

1.3 nvm 常用命令

nvm off                     // 禁用node.js版本管理(不卸载任何东西)
nvm on                      // 启用node.js版本管理
nvm install <version>       // 安装node.js的命名 version是版本号 例如：nvm install 8.12.0
nvm uninstall <version>     // 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用
nvm ls                      // 显示所有安装的node.js版本
nvm list available          // 显示可以安装的所有node.js的版本
nvm use <version>           // 切换到使用指定的nodejs版本
nvm -v                      // 显示nvm版本
nvm install stable          // 安装最新稳定版

1.4 nvm 前提下，通过安装包方式安装 node

步骤：1.官网下载指定版本的node.js ——> 2. 解压到安装nvm的文件夹 ——> 3. 重命名文件夹（文件名格式：v16.14.0）——>4. 如果之前的步骤正确，此时使用 nvm ls 应该就可以看到对应版本的node ——>5. 命令行切换node版本 ——>6. 完成

个人推荐最好通过 nvm 命令安装 node，方便快捷

---

--------------------------------------- 手动分割线 ---------------------------------------
正常来说，到这里 nvm、npm 就可以正常使用了；自己在安装需求全局安装命令即可

---

二、 node 安装后没有 npm 命令

亲测可用（方便快捷）：将没有npm 命令的 node 版本卸载重新安装即可

原因解析就解决方法：
一般 node 安装完后，对应版本号的目录中会有 npm 和npm.cmd

但是，有的目录下没有，使用npm会报错，显示’npm’ 不是内部或外部命令，也不是可运行的程序。

原因：因为nvm安装node没有安装相应的npm。
但是，实际上，nvm是下载了的，可以在下载过程中看到，目录下创建了一个temp文件夹，但是不知道什么原因，没有拷贝到对应版本目录下。

• 因此，只能手动下载安装 npm

查询node版本对应npm版本：https://nodejs.org/zh-cn/download/releases/
npm下载地址：http://npm.taobao.org/mirrors/npm/ （下载对应版本的zip文件, 如 v9.6.7 ，根据查询到的版本搜索即可）

• 将下载后的 npm解压到 nvm安装路径 => 对应 node 版本 => node_modules 目录 ，并改名 npm
• 将 npm 文件夹里面的 bin目录下 的 npm和npm.cmd 两个文件复制一份到对应 node版本的根目录 下即可
  

回顾：node 版本升级后，vue3 + vite 的项目确实没有报错了。

 
 

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！