今天我在用node.js的时候,结果出现如下错误:
C:\Users\xiesj> vue -v
'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:
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指令:
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'不是内部或外部命令,也不是可运行的程序或批处理文件。