记录一下Windows10更换NVM需要做的操作

原创已于 2025-06-29 11:02:05 修改 · 686 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#node.js #nvm #前端

于 2025-03-18 12:07:09 首次发布

前端开发专栏收录该内容

1 篇文章

订阅专栏

安装时遇到的问题

1. 安装后vue打包出来的结构和预期不符，所有文件进行了单独打包。

1.1. 与预期不符首先请尝试npm cache clean --force，并删除node_modules文件夹和package-lock.json文件。

1.2. 注意，当node环境设置为development的时候，打包不会进行哈希处理。

2. 安装后使用时，npm不是我需要使用的版本。

3. 安装后npm install时太慢。

4. 安装nodejs时太慢。

一、NVM安装

1. 安装前，卸载干净nodejs（解决第二个问题）。因为平时有保留安装文件的习惯，所以我是直接通过安装包卸载的。在已安装nodejs的情况下，再次启动安装包，选择remove既可完全卸载。

2. 并且这样会保留配置文件，没有的话就得自己配置（配置国内镜像，解决第三个问题）：C:\user\XXX\.npmrc

registry=https://registry.npmmirror.com/

3. NVM下载略过。
4. 安装目录任选，注意不要有中文及空格。
5. 安装的NVM版本为1.1.2，因为安装1.2.0后国内安装nodejs的时候会失败。或许也可以考虑使用runtime来管理nodejs。

6. 配置修改：安装目录下settings.txt中添加（配置国内镜像，解决第四个问题）：

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

二、安装nodejs

1. nvm ls available可以展示可下载列表，并且最后会给到nvm的官方下载地址，进去可以看到更多可下载版本。

PS E:\workspace\dsk-operate-sys-cscec> nvm ls available

|   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
|   23.10.0    |   22.14.0    |   0.12.18    |   0.11.16    |
|    23.9.0    |   22.13.1    |   0.12.17    |   0.11.15    |
|    23.8.0    |   22.13.0    |   0.12.16    |   0.11.14    |
|    23.7.0    |   22.12.0    |   0.12.15    |   0.11.13    |
|    23.6.1    |   22.11.0    |   0.12.14    |   0.11.12    |
|    23.6.0    |   20.19.0    |   0.12.13    |   0.11.11    |
|    23.5.0    |   20.18.3    |   0.12.12    |   0.11.10    |
|    23.4.0    |   20.18.2    |   0.12.11    |    0.11.9    |
|    23.3.0    |   20.18.1    |   0.12.10    |    0.11.8    |
|    23.2.0    |   20.18.0    |    0.12.9    |    0.11.7    |
|    23.1.0    |   20.17.0    |    0.12.8    |    0.11.6    |
|    23.0.0    |   20.16.0    |    0.12.7    |    0.11.5    |
|   22.10.0    |   20.15.1    |    0.12.6    |    0.11.4    |
|    22.9.0    |   20.15.0    |    0.12.5    |    0.11.3    |
|    22.8.0    |   20.14.0    |    0.12.4    |    0.11.2    |
|    22.7.0    |   20.13.1    |    0.12.3    |    0.11.1    |
|    22.6.0    |   20.13.0    |    0.12.2    |    0.11.0    |
|    22.5.1    |   20.12.2    |    0.12.1    |    0.9.12    |
|    22.5.0    |   20.12.1    |    0.12.0    |    0.9.11    |
|    22.4.1    |   20.12.0    |   0.10.48    |    0.9.10    |

This is a partial list. For a complete list, visit https://nodejs.org/en/download/releases
PS E:\workspace\dsk-operate-sys-cscec>

2. 通过nvm install 18.20.2安装指定版本的nodejs。

3. 然后这里就是困扰了我两个小时的问题（第一个问题）。通过npm run build打包出来的代码和我预期的不符，是每个文件单独打包，结构如下。

dist/
    dist/js/
        dist/js/src_assets_common_css_common.css.js
        dist/js/src_assets_common_css_common.css.js.gz
        dist/js/src_app.vue.js
        dist/js/src_app.vue.js.gz
        ......

这样的话，使用上看起来没有问题，但是会有一些大文件。并且vue.config.js中配置的超过多少大小进行拆解的配置也不生效。

三、思考解决问题

因为很明显，改安装nvm的过程中，我没有动过代码。所以不可能是代码问题。

然后打包出来的dist依然可以正常在服务器上使用，所以打包工具本身没有错误。

所以我猜测是nodejs版本的问题。然后再更换过三个版本后依然是这样。

随后通过npm ls比对了一下模块版本，没有任何变化。

最后，在网上一番查找无结果后，上vue官网查看vue-cli使用步骤时获得灵感，使用npm -g ls查看，发现端倪。通过nvm重新安装版本后，已安装模块如下：

PS E:\workspace\stgw-platform-console> npm -g ls
D:\Files\nodejs -> .\
+-- corepack@0.18.0
`-- npm@10.8.2

既然发现了，自然就好解决了。

随后通过npm -g uninstall corepack。然后再npm -g i @vue/cli@5.0.8。

随后重启电脑使所有命令窗中安装模块生效。再使用npm run build后，成功根据vue文件结构进行了css样式拆解。结果如下：

  dist\js\chunk-vendors.564c7f51.js      1919.88 KiB            336.45 KiB
  dist\js\2384.5e800724.js               1016.50 KiB            330.19 KiB
  dist\js\7152.2268b32c.js               245.77 KiB             70.86 KiB
  ......
  dist\css\chunk-vendors.5ad972a9.css    255.84 KiB             41.84 KiB
  dist\css\8801.26265f62.css             27.26 KiB              5.69 KiB
  dist\css\8495.aeb9bd37.css             14.77 KiB              3.50 KiB
  ......