首页 >web前端 >前端问答 >vue不是内部或外部命令怎么解决

vue不是内部或外部命令怎么解决

青灯夜游
青灯夜游原创
2021-10-27 12:16:0011408浏览

解决方法:1、复制“vue.cmd”在计算机中的存储路径;2、在桌面右击“计算机”,依次选择“属性”-“高级系统设置”-“环境变量”;3、双击path,在编辑环境变量的弹框中,点击“新建”按钮,将“存储路径”粘贴到新建的编辑区域即可。

vue不是内部或外部命令怎么解决

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

vue不是内部或者外部命令

前情提示:
nodejs官网上下载了node的安装包,并安装了node,使用 npm install -g yarn 命令全局安装了yarn, 接着使用 yarn global add @vue/cli 命令,成功安装了全局的 vue-cli

1. 确定是否安装了nodejs和 全局vue-cli ,我这里都已安装。

2. 问题具体描述:
vue-cli已使用yarn全局安装,且已安装成功,但在使用vue --version命令的时候,报错为 “vue不是内部或外部命令”,即此时无法使用vue的相关命令。

3. 解决办法:
在计算机中找到vue.cmd文件的存储位置,并将它添加到环境变量中即可 。

4.具体做法:

在计算机中全局搜索 vue.cmd,复制它在计算机中的存储路径 ;

**另:**情况和我相同者(用yarn安装的vue-cli),也可运行 yarn global dir 可拿到yarn的全局路径,
vue不是内部或外部命令怎么解决
yarn的路径拷贝到计算机中,并打开该目录下的node_modules,以及它下面的.bin文件夹,可拿到vue.cmd的路径,如下是我的vue.cmd的路径,将其拷贝。
vue不是内部或外部命令怎么解决
第①步中,都是为了拿到vue.cmd的本地存储路径。

将拿到的vue.cmd的存储路径,添加到环境变量中;

在桌面的计算机图标下,点击鼠标右键,属性,找到高级系统设置,如图:

vue不是内部或外部命令怎么解决

点击高级系统变量中的环境变量:

vue不是内部或外部命令怎么解决
双击path,在编辑环境变量的弹框中,点击“新建”按钮,并把刚刚复制的vue.cmd的存储路径粘贴到新建的编辑区域,设置完成后依次点击确定即可;

vue不是内部或外部命令怎么解决

上述完成后,重启命令窗口,输入vue --version命令,若能看到vue的版本,则证明问题得以解决。就可执行vue create demo等创建vue项目的命令。

vue不是内部或外部命令怎么解决

相关推荐:《vue.js教程

以上是vue不是内部或外部命令怎么解决的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn