解决vue终端报错:不是内部或外部命令

 更新时间:2023年02月10日 11:00:37   作者:*且听风吟  
最近学习一下前端框架Vue,整体上感觉还是比较有意思的,但是在安装vue-cli脚手架的时候,出现了一些问题,解决问题也花费了不少时间,下面这篇文章主要给大家介绍了关于解决vue终端报错:不是内部或外部命令的相关资料,需要的朋友可以参考下

发现问题

通过vue指令使用脚手架初始化项目时,在cmd中输入vue init webpack vue_project,终端报错:

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

解决方案:

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

npm -v

可以查看当前npm版本号:

当显示版本号时说明npm已成功安装。

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

已经安装了vue,就能看到,如果看不到该指令,则回到控制台;

3、执行以下两个指令:

在 cmd 输入以下命令:

npm install -g vue

然后,输入以下命令:

// 卸载
npm uninstall vue-cli -g
// 安装
npm install -g @vue/cli
// 或者 
cnpm install -g @vue/cli
// 或者
yarn global add @vue/cli

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

4、安装完成后,通过如下任意指令查看vue的版本:

vue --version / vue –V

但是,还是报错:‘vue’ 不是内部或外部命令。

还需要配置环境变量。

5、cmd 输入 npm config list 查看目录,找到 prefix 目录下对应的地址。

6、在"控制面板"里面找到“系统和安全”,接着在“系统和安全”找到“系统”,找到系统界面后,在左边的侧边栏,找到“高级系统设置”,点击进入:

7、点击进去后,在高级选项卡里面,找到“环境变量”按钮,并点击进去:

8、点击进去后,先在“系统变量”部分选中path一行,再点击下面的“编辑”按钮:

9、点击进去后,选中页面的“新建”按钮:

10、在”新建“页面的最后一行,加入第5步操作里面查询到的prefix后面的路径,再点击“确定”,在接下来的页面上点击确定,此时,在cmd输入以下命令:

vue --version / vue –V

可以看到,当前vue的版本:

接下来,就可以通过vue指令来进行操作了。

总结

到此这篇关于解决vue终端报错:不是内部或外部命令的文章就介绍到这了,更多相关vue不是内部或外部命令内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 深入理解Vue3响应式原理

    深入理解Vue3响应式原理

    响应式就是当对象本身(对象的增删值)或者对象属性(重新赋值)发生变化时,将会运行一些函数,最常见的就是render函数,下面这篇文章主要给大家介绍了关于Vue3响应式原理的相关资料,需要的朋友可以参考下
    2022-12-12
  • Vue2学习笔记之请求数据交互vue-resource

    Vue2学习笔记之请求数据交互vue-resource

    本篇文章主要介绍了Vue2学习笔记之数据交互vue-resource ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • vue addRoutes实现动态权限路由菜单的示例

    vue addRoutes实现动态权限路由菜单的示例

    本篇文章主要介绍了vue addRoutes实现动态权限路由菜单的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • vuejs实现标签选项卡动态更改css样式的方法

    vuejs实现标签选项卡动态更改css样式的方法

    这篇文章主要介绍了vuejs实现标签选项卡-动态更改css样式的方法,代码分为html和js两部分,需要的朋友可以参考下
    2018-05-05
  • Vue 实现简易多行滚动

    Vue 实现简易多行滚动"弹幕"效果

    这篇文章主要介绍了Vue 实现简易多行滚动“弹幕”效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • vue实现echarts中的仪表盘

    vue实现echarts中的仪表盘

    这篇文章主要为大家详细介绍了vue实现echarts中的仪表盘,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue使用Less与Scss实现主题切换方法详细讲解

    Vue使用Less与Scss实现主题切换方法详细讲解

    目前,在众多的后台管理系统中,换肤功能已是一个很常见的功能。用户可以根据自己的喜好,设置页面的主题,从而实现个性化定制。目前,我所了解到的换肤方式,也是我目前所掌握的两种换肤方式,想同大家一起分享
    2023-02-02
  • vue 判断两个时间插件结束时间必选大于开始时间的代码

    vue 判断两个时间插件结束时间必选大于开始时间的代码

    这篇文章主要介绍了vue 判断两个时间插件结束时间必选大于开始时间的代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • 详解vue-template-admin三级路由无法缓存的解决方案

    详解vue-template-admin三级路由无法缓存的解决方案

    这篇文章主要介绍了vue-template-admin三级路由无法缓存的解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • Vue3 Radio单选切换展示不同内容实现代码

    Vue3 Radio单选切换展示不同内容实现代码

    这篇文章主要介绍了Vue3 Radio单选切换展示不同内容,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07

最新评论