• 技术文章 >web前端 >前端问答

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

    青灯夜游青灯夜游2021-10-27 12:16:00原创99

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

    本教程操作环境: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的全局路径,
    在这里插入图片描述
    yarn的路径拷贝到计算机中,并打开该目录下的node_modules,以及它下面的.bin文件夹,可拿到vue.cmd的路径,如下是我的vue.cmd的路径,将其拷贝。
    在这里插入图片描述
    第①步中,都是为了拿到vue.cmd的本地存储路径。

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

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

    在这里插入图片描述

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

    在这里插入图片描述
    双击path,在编辑环境变量的弹框中,点击“新建”按钮,并把刚刚复制的vue.cmd的存储路径粘贴到新建的编辑区域,设置完成后依次点击确定即可;

    在这里插入图片描述

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

    1.png

    相关推荐:《vue.js教程

    以上就是vue不是内部或外部命令怎么解决的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vue
    上一篇:javascript中对象的要素是什么 下一篇:javascript平方怎么写
    大前端线上培训班

    相关文章推荐

    • vuejs项目怎么部署到tomcat• vue子组件怎么调用父组件的方法• vue父组件怎么调用子组件的方法• vuejs怎么实现路由跳转传值• 浅谈vscode中怎么配置并使用.vue代码模板• vuejs怎么防止重复请求

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网