vue不是内部命令安装@vue/cli失败找不到vue.cmd文件等问题的解决方法

Posted 2022-10-12 xiaobug

最近打算用vue-cli写项目，发现用官网提供的安装方式npm install @vue/cli -g怎么都安装不上，一直报如下错误

EPERM: operation not permitted, rename ‘C:\Users\xxx\AppData\Roaming\npm\node_modules
\@vue\cli\node_modules\abbrev\package.json.352729074‘
-> ‘C:\Users\xxx\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\abbrev\package.json‘
1
2
3
后来发现连vue -V都会报vue不是内部命令的错误，想着可能是vue的问题。
查阅网上无数博客资料，终于解决了自己的问题。（win10系统）

每个人的情况都有可能不一样，仅供参考。

第一步：配置path（已配置的可跳过）
npm config get prefix
1
复制得到的路径信息，去到桌面>右键计算机>属性>高级系统设置>环境变量
在系统变量中新建变量NPM，变量值为之前复制的路径信息，一般是C:\Users\xxx\AppData\Roaming\npm
再在系统变量中找到path，添加%NPM%。一直点击保存。

第二步：安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
第三步（最关键！）
npm i npm -g
npm i @vue/cli -g //如果还报错也没关系，继续执行下面的命令
1
2
cnpm i @vue/cli -g
1
出现All packages installed (.......)就是成功啦！
可以用vue -V试试，能正常出现版本信息就是完美成功！
————————————————
版权声明：本文为CSDN博主「秘密基地的沙发」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/httguangtt/article/details/86539509