Vue脚手架安装时遇到的无法安装问题详解

 更新时间:2022年07月13日 15:44:22   作者:Rst-mimi  
开发中遇到bug是在正常不过了,而程序也基本都是bug堆里爬出来的,下面这篇文章主要给大家介绍了关于Vue脚手架安装时遇到的无法安装问题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

项目场景:

安装Vue的脚手架时遇到的无法安装问题

问题描述

以管理员身份进入命令控制符想要安装Vue的脚手架,提示安装成功后输入vue指令检查却显示:‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。

原因分析:

安装node.js依赖环境时环境配置有问题

解决方案:

解决步骤:

1.输入cmd进入命令控制符面板

2.输入npm -v检查node.js环境是否已经配置好

当显示版本号时说明npm已成功安装(8.5.5是我安装的版本)

3.安装vue脚手架npm install -g @vue/cli

(可以在第三步之前输入npm config set registry https://registry.npm.taobao.org)来提升下载速度

4.输入vue检查脚手架是否已经安装好(发现并没有)提示:‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。

5.检查node.js的文件配置目录,如果你跟我一样把依赖装在了其他地方。

6.点开node_global,发现vue安装在了node_global文件下,而不是nodejs文件下,故我们需要配置一下环境变量。

7.右击桌面上的此电脑–>选择属性–>高级系统设置–>环境变量–>双击Path然后把vue所在文件路径新增到里面

8.最后重新打开cmd,输入vue查看脚手架此时已经安装完毕

总结:

其实主要问题就是vue的脚手架没有在安装在nodejs文件下,只要一开始没有改变过node依赖的位置,在后来安装脚手架就不会有问题。但也不是什么大事,只需要改一下环境变量即可。重新换个文件安装依赖还是有好处的,可以减小内存负担。

到此这篇关于Vue脚手架安装时遇到的无法安装问题的文章就介绍到这了,更多相关Vue脚手架无法安装内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解如何配置vue-cli3.0的vue.config.js

    详解如何配置vue-cli3.0的vue.config.js

    这篇文章主要介绍了详解如何配置vue-cli3.0的vue.config.js,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 从零开始在vue-cli4配置自适应vw布局的实现

    从零开始在vue-cli4配置自适应vw布局的实现

    这篇文章主要介绍了从零开始在vue-cli4配置自适应vw布局,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • vue中常用的rules验证方式总结

    vue中常用的rules验证方式总结

    这篇文章主要为大家详细介绍了vue中常用的几种表单rules验证方式,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-10-10
  • vue3继承并扩展三方组件完成二次封装的示例详解

    vue3继承并扩展三方组件完成二次封装的示例详解

    这篇文章主要介绍了vue3继承并扩展三方组件完成二次封装,文章使用naiveui的Input组件进行举例,elementPlus或者其他组件库同理,并通过代码示例讲解的非常详细,需要的朋友可以参考下
    2024-03-03
  • Vue3中配置404路由及懒加载的解决过程

    Vue3中配置404路由及懒加载的解决过程

    这篇文章主要介绍了Vue3中配置404路由及懒加载的解决过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-04-04
  • 使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)

    使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)

    这篇文章主要介绍了使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二),非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • Vue组件通信方法案例总结

    Vue组件通信方法案例总结

    这篇文章主要介绍了Vue组件通信方法案例总结,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • 一起来学习Vue的组件间通信方式

    一起来学习Vue的组件间通信方式

    这篇文章主要为大家详细介绍了Vue的组件间通信方式,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)

    压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)

    大家都知道,Vuejs的 CLI工具 是基于 webpack 来实现的,所以在项目打包后,会生成的文件会很大。 主要原因是 webpack 将我们所有文件都打包成一个js文件,即使再小的项目,打包之后文件都会变得很大。 下面讲讲最近我遇到的相同问题。
    2020-02-02
  • vue中关于router.beforeEach()的用法

    vue中关于router.beforeEach()的用法

    这篇文章主要介绍了vue中关于router.beforeEach()的用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11

最新评论