‘vue’不是内部或外部命令,也不是可运行的程序或批处理文件。原因与解决方法

今天我在用node.js的时候,结果出现如下错误:

C:\Users\xiesj> vue -v
'vue'不是内部或外部命令,也不是可运行的程序或批处理文件。

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

 

原因:

1、确定npm是否已正确安装?

2、确定vue以及vue-cli已正确安装?

3、确定vue.cmd已经加入到环境变量中?

 

解决方法

知道了原因,解决起来就容易多了,具体操作步骤如下:

 

1、确定npm是否已正确安装,在cmd中输入如下指令:

C:\Users\xiesj> npm -v

从上图可以清楚的看到,我已经安装过了。

 

2、进入node.js的安装目录中查看一级目录下是否存在 vue.cmd 指令?

是否存在 vue.cmd 指令

 

已经安装了vue,就能看到。

 

如果看不到该指令,则回到cmd命令窗口控制台,执行如下命令来安装vue

C:\Users\xiesj> npm install -g vue

 

然后,再输入以下命令来安装vue-cli

// 卸载
npm uninstall -g vue-cli

// 安装
npm install -g @vue/cli 

// 或者
cnpm install -g @vue/cli 

// 或者
//先全局安装了yarn,再全局安装vue-cli
npm install -g yarn 
yarn global add @vue/cli

 

安装成功后,就看到了vue.cmd指令:

vue.cmd

 

3、把 vue.cmd 添加到环境变量中去。

问:如何知道我的 vue.cmd 的具体位置路径在哪里?

答:有以下3种方法,具体如下:

第一种方法:在计算机中全局搜索 vue.cmd,复制它在计算机中的存储路径 ;

第二种方法:如果你是用yarn安装的vue-cli,也可运行命令“yarn global dir”可拿到yarn的全局路径,将yarn的路径拷贝到计算机中,并打开该目录下的 node_modules 以及它下面的 .bin文件夹,可拿到vue.cmd的路径。

第三种方法:如果你是用npm安装的vue-cli,可cmd命令窗口输入“npm config list”查看目录,找到 prefix 目录下对应的地址,也可拿到vue.cmd的路径。

 

只需进入“控制面板 - 系统和安全 - 系统”,找到系统界面后,在左边的侧边栏,找到“高级系统设置”,点击进去后,在高级选项卡里面,找到“环境变量”按钮,并点击进去添加环境变量即可!

环境变量

 

总结:

上面所有步骤全部完成后,再重启cmd命令窗口,输入“vue --version”或“vue -v”命令,若能看到vue的版本,则证明问题已经得到了全面解决。

 

有很多心急的人,不仔细看文章,只做了某两个步骤,甚至是一个步骤,都还不懂其根本原理,就火急火燎的去操作了,结果还是依然报如下错误:

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

    A+
发布日期:2022年07月17日 17:56:00  所属分类:Node.js
最后更新时间:2022-07-17 18:02:59
付杰
  • ¥ 999.0元
  • 市场价:1599.0元
  • ¥ 29.99元
  • 市场价:888元
  • ¥ 69.0元
  • 市场价:69.0元
  • ¥ 99.0元
  • 市场价:99.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: