yarn安装全局vue-cli报错

yarn安装全局vue-cli报错“vue” 不是内部或外部命令

管理员身份打开cmd后输入,yarn global add @vue/cli ,.安装完成后输入vue -V进行查看,结果报错:

‘‘vue’ 不是内部或外部命令,也不是可运行的程序 或批处理文件

在网上找了方法:一般都是让将node安装的路径(global目录)添加到path下。查看指定的global目录中发现没有只有npm和yarn的执行文件,没有vue的执行文件,同时多了一个bin目录。查看bin目录中有vue.cmd文件。因此尝试将该bin目录也加入到path下。然后再次执行vue -V。这次提示:

文件名、目录名或卷标语法不正确。

yarn安装全局vue-cli报错“文件名、目录名或卷标语法不正确”

然后再网上又找了一些方法,发现这种情况下的一些解决方案有(二选一):

   1、 将vue文件记事本打开,找到里面的路径 C:\Users\xxx\AppData\Local\Yarn\Data\global\node_modules  添加到path环境变量中
   2、 将cmd文件中的%~dp0\去掉(同时bin目录要在环境变量中)

由于我的路径前面没有%~dp0\,所以试了第一个方法,但是依然报错:文件名、目录或卷标语法不正确。

成功方法

继续网上搜索方法,发现这个问题可能是yarn 的全局安装位置与 bin 的位置并不一致导致的。
首先查看自己文件位置,具体如下:

// 查看全局安装位置
 npm config get prefix 

// 查看缓存位置 
npm config get cache

// 查看 yarn的bin安装位置 
yarn global bin  

// 查看yarn的全局安装位置
yarn global dir

查看完毕,发现yarn的bin和yarn全局安装位置确实不一致,也不在一个硬盘下,因此需要修改 yarn的全局安装位置。在修改位置之前,卸载刚刚安装的vue-cli:yarn global remove @vue/cli , 卸载完成后,将全局位置进行修改,将其修改为与 npm 一致(顺便把缓存位置也改了), 我的npm在D:\tool\nodejs下,所以我在D盘tool下建了yarn文件夹,执行以下命令。

yarn config set global-folder "D:\tools\yarn\global"
yarn config set cache-folder "D:\tools\yarn\cache"

完成后,在此执行安装命令yarn global add @vue/cli ,成功安装后,执行vue -V,显示安装成功。


[1]: https://www.lmlphp.com/user/16759/article/item/584133/
[2]: https://www.cnblogs.com/5idabaicai/p/16550196.html

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值