nvm都没有下?那你干什么前端?现在都用nvm-desktop了!

565 阅读5分钟

nvm-desktop

最近菜鸟用nvm发现也不是很好用,每个项目都还是要记录到底是什么版本的node和npm,每次跑完一个项目,去跑另一个不一样的项目,就要切换一下node版本!

当项目繁多复杂时,问题也随之而来,使用 nvm 虽然完成了多版本管理,但是默认版本只能有一个,所以很多时候,在用 vscode 打开不同项目的时候,还需要用 nvm use 来切换不同的版本使用。

显然经常这样操作很麻烦,也容易忘记什么项目用什么版本,而且还有一个致命问题——无法同时运行两个不同版本的项目。

此前我也一直苦于习惯了 nvm 的顺滑操作,却没办法在切换项目时自动切换版本且同时运行的问题,但如今一个新工具的诞生解决了这个问题:nvm-desktop

下载地址:github.com/1111mp/nvm-…

window的藏起来了,菜鸟第一次去看没发现:

在这里插入图片描述

安装注意

这个工具不需要你的电脑上装 nvm 和 node,下面有 node 的卸载办法,所以菜鸟这里就只说 nvm 的卸载了!

nvm 卸载比较简单,找到你之前安装的 nvm 路径,删除就行(还是一样把 node版本 和 npm版本 记录好),然后去删除环境变量中有关nvm的部分就行!

删除完成之后,直接点击安装包进行安装就行!

使用注意

1、 首页可以下载node版本

在这里插入图片描述

如果你node版本较高、npm版本较低,可以先下载对应的 node版本,然后执行命令回退npm版本就行!

npm install npm@需要的版本号 -g

2、 点击项目

在这里插入图片描述

选择项目文件夹并选 node版 本就行,其会在项目中生成一个 .nvmdrc 文件,然后今后你只需要在vscode 中新建对应的终端就可以直接运行,不用再管 node版本了,相较于nvm更加方便!

版本冲突

今天菜鸟也来尝试nvm,感觉nvm在公司还是比较有用的,因为你和别人的node版本不同,可能你svn拉取他的代码后,npm i都跑不起来!

当然还有一种情况,就是你npm i之后,因为本来里面就有版本冲突,那么这个时候你就要直接把

在这里插入图片描述

这两个文件删了,重新拉一下,然后npm i就好了!

安装 nvm

回归正题,nvm下载切换node,命令行显示成功,实际未成功?这个的原因就是你之前安装了node,你想使用nvm就要先把node给删了

1、卸载node之前请 node -v 和 npm -v 查看一下现在的版本,记住这些版本,因为你的项目都靠这个版本运行的,你要是忘记了就难过了

2、win中找到node,点击uninstall node卸载node;控制面板卸载已安装过的NVM;没装过NVM的就仅仅卸载node

3、去环境变量里面看一下有没有跟nvm和node相关的东西了,有的话全删了,主要看的是用户变量和系统变量里面的PATH

4、nvm官网直接下载那个不需要配置的压缩包

在这里插入图片描述

然后都按顺序来就行了!

5、如果你换了安装路径,应该还是不行🤡

在这里插入图片描述

这个时候要配置一下nvm的环境变量!

1.打开nvm的安装路径, 我是:D:\nvm\nvm,在这路径下新建一个空的文件夹,名称 nodejs,文件夹下面不要放任何东西,保持为空即可。

2.打开环境变量,修改用户环境变量和系统环境变量,修改两个 NVM_SYMLINK 的值为:D:\nvm\nvm\nodejs;还有D:\nvm\nvm路径下的配置文件 setting.txt 也要记得修改

在这里插入图片描述

3.关闭之前打开的所有cmd,并重新打开cmd:卸载掉之前安装的node,重新安装node

nvm 后项目版本和下载版本不同

上述操作后,你就可以使用 npm i 去下载项目的依赖了,但是有时候还是会报错,这时候就要注意 nvm install <node版本> 后,检查看看 node -v 和 npm -v 是否和你第一条记住的是否一致,因为 nvm下载的是 node 版本对应的 npm ,但是你之前的项目不一定是的,这个时候就要把 npm 回退到你记录的版本

npm和node对应版本可以看官网:nodejs.org/en/about/pr…

nvm 下载没有npm

nvm 下载较低版本的 node 时,不会一起下载 npm,菜鸟感觉这个挺坑的!在没有下载npm的情况下,你去看nvm下面的node对应版本的目录时,应该只有这两个文件,没有其他的文件了!

在这里插入图片描述

在这里插入图片描述

这个时候只能去 github 找到你第一条记录的 npm 版本了:

github.com/npm/cli/rel…,这里要 v6.14.15 换成你需要的版本!

在这里插入图片描述

下载之后,在 nvm 的对应版本node底下的node_moudles下解压,解压后

在这里插入图片描述

创建一个 npm 文件夹,将上述文件全部复制到 npm 中

在这里插入图片描述

然后打开 npm,将 npm 里面的 bin 文件夹里面的这些框起来的复制

在这里插入图片描述

然后将这些复制到最外面

在这里插入图片描述

然后重启计算机,尝试输入npm -v,如果没效果,在这里点击两个 cmd 文件,有效果就不用管了!