安装VUE-CLI一直失败的排错过程及解决方案

 更新时间:2023年10月08日 17:02:26   作者:qq_43367379  
这篇文章主要介绍了安装VUE-CLI一直失败的排错过程及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

安装VUE-CLI一直失败的排错过程

昨天,装了一天的vue-cli 都没安装成功。

根据报错信息搜索答案,强制清理缓存,卸载nodejs什么的都试过了,还是一直出错

仔细研读出错信息。

发现反复提到一个文件夹

C:\Users\Y\AppData\Roaming

本着 重装解决99%的问题的原则,一狠心,就把这个文件夹C:\Users\Y\AppData\Roaming下的所有有关 npm,node的文件夹都删除了,不仅是Roaming,只要是在AppData文件夹的,文件名是npm,node的我都删除了。

把nodejs卸载掉。开始重装

下面是重装的几个注意事项

选择.msi文件

下载好之后选择 路径然后一直next .不用管,next就行

用这种方式安装,环境变量会帮我们自动配置好的。

然后cmd查看版本

node -v
npm -v

有版本号说明安装成功了

关键点

修改全局配置

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

以上操作表示,修改全局包下载目录为C:\node\node_global,缓存目录为C:\node\node_cache,并会自动创建node_global目录,而node_cache目录是缓存目录,会在你下载全局包时自动创建

如果提示保存,就用管理员权限打开cmd再操作一次。

安装vue-cli成功安装了。

使用vue命令提示:

‘vue’ 不是内部或外部命令,也不是可运行的程序

或批处理文件

这是因为我们在执行指令时,它会默认在node安装根目录下查找指令文件,在这里就是vue.cmd,然后还会在node安装根目录下的node_modules下查找依赖包文件夹,在这里就是@vue文件夹,因为我们修改了全局包的存放路径,所以自然找不到了,所以我们需要把我们指定的全局包存放路径添加到系统环境变量,这样就可以找到了

就OK了

关闭CMD窗口后重新打开。

vue -V

就可以看到当前vue脚手架的版本信息了

注意:

如果vue create 项目 失败,报错了

就用管理员打开cmd再尝试一次就可以了

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3使用echarts绘制折线图的代码示例

    vue3使用echarts绘制折线图的代码示例

    这篇文章主要为大家学习介绍了Vue3如何使用echarts实现绘制折线图,文中有详细的示例代码供大家参考,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-07-07
  • vue如何获取自定义元素属性参数值的方法

    vue如何获取自定义元素属性参数值的方法

    这篇文章主要介绍了vue如何获取自定义元素属性参数值的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 前端之vue3使用WebSocket的详细步骤

    前端之vue3使用WebSocket的详细步骤

    websocket实现的全双工通信,真真太香了,下面这篇文章主要给大家介绍了关于前端之vue3使用WebSocket的详细步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • vue3中实现使用element-plus调用message

    vue3中实现使用element-plus调用message

    这篇文章主要介绍了vue3中实现使用element-plus调用message,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 可能是vue中使用axios最详细教程

    可能是vue中使用axios最详细教程

    Axios是一个基于Promise用于浏览器和nodejs的HTTP客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,下面这篇文章主要给大家介绍了关于vue中使用axios最详细教程的相关资料,需要的朋友可以参考下
    2022-08-08
  • vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】

    vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】

    这篇文章主要介绍了vue 使用插槽分发内容操作,结合实例形式总结分析了vue.js使用单个插槽、具名插槽、作用域插槽相关操作技巧与注意事项,需要的朋友可以参考下
    2020-03-03
  • 快速解决electron-builder打包时下载依赖慢的问题

    快速解决electron-builder打包时下载依赖慢的问题

    使用 Electron-builder 打包,有时会在下载Electron、nsis、winCodeSign的过程中 Timeout 导致打包失败,本文给大家分享快速解决electron-builder打包时下载依赖慢的问题,感兴趣的朋友一起看看吧
    2024-02-02
  • vue-draggable实现pc端拖拽效果

    vue-draggable实现pc端拖拽效果

    这篇文章主要为大家详细介绍了vue-draggable实现pc端拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue 解决多级动态面包屑导航的问题

    Vue 解决多级动态面包屑导航的问题

    今天小编就为大家分享一篇Vue 解决多级动态面包屑导航的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue项目每30秒刷新1次接口的实现方法

    vue项目每30秒刷新1次接口的实现方法

    在vue.js项目中,经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理。这篇文章主要介绍了vue项目每30秒刷新1次接口的实现方法,需要的朋友可以参考下
    2018-12-12

最新评论