由于安装nvm 引发的vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

本郡主是喵2024-09-13 14:17

🎈亲爱的读者朋友们：

如果你觉得这篇文章对你有所帮助，恳请你为我点个赞👍。你的每一个赞都是对我辛勤创作的认可，是我继续前行的动力源泉。

同时，也欢迎你关注我的 CSDN 博客。在这里，我会持续分享更多实用的技术干货、独特的编程见解和宝贵的学习经验。

期待你的点赞与关注，让我们携手共进，共创更精彩的技术世界！

关于下载nvm引发的这个问题。网上搜索教程发现可能不太符合我的要求，但是阅读其中想明白了原理。

1.原因

首先，原因是我们下载nvm之前管理node之前，可能已经下载了node。

我们先切换任意版本node，通过以下命令查看。

java 复制代码

npm config list

(这里是我修改之后)发现这里居然是原先安装nodejs的node_cache和node_global。

但是我们下载nvm时指定的nodejs路径与原先安装nodejs的路径不同。

因此执行以下命令时，vue会最终被安装到你之前nodejs中的node_global中。

npm install -g @vue/cli

2.解决

我们找到你安装nvm时指定安装的node.js路径。

在nvm安装包下的setting.txt文件中。

通过以下两条命令(别忘了改成你自己的)。

java 复制代码

npm config set cache "D:\tools\DevelopmentTools\nvm\nodejs\node_cache"

java 复制代码

npm config set prefix "D:\tools\DevelopmentTools\nvm\nodejs\node_global"

验证：通过执行npm config list

再将你安装nvm时指定的node.js路径node_global和node_global\node_modules添加到系统环境变量中即可。

java 复制代码

D:\tools\DevelopmentTools\nvm\nodejs\node_global

bash 复制代码

D:\tools\DevelopmentTools\nvm\nodejs\node_global\node_modules

现在我们就可以成功使用了。