vue-cli2.x旧版本卸载不掉的问题踩坑指南(附Vue脚手架安装教程)

3403771864 发布于2022-09-14 22:16 / 1632人阅读

　　旧版本卸载

　　问题说明

　　很多人都会出现vue2.x脚手架旧版本无法卸载：（卸载命令运行后输入vue --version仍一直显示旧版本）

　　问题解释

　　vue2.x脚手架旧版本无法卸载是因为在电脑中至少有两个地方存在脚手架，而通常的卸载操作只是卸载了其中之一。一般来说在npm的默认路径下安装过脚手架，在配置了npm全局安装路径之后又安装过脚手架，因此有两个脚手架。（这样的情况提示的都是默认安装路径下的vue脚手架版本）

　　问题解决

　　所以关键的问题就是去卸载npm默认安装路径下的vue脚手架，步骤如下

　　查看C:\Users\Administrator\AppData\Roaming\npm\node_modules下是否有vue-cli，@vue，删除它查看C:\Users\Administrator\AppData\Roaming\npm下是否有npm相关文件，删除（可参考下图我的回收站中的文件及他们的原地址）

　　重新查看vue版本，提示’vue’ 并非内部或外部命令，也并非是可运行的程序或批处理文件，现在就可以安装新版本。但提示vue路径问题，那就表明在第2步中没有删除干净。

　　首先，确保已安装node.js，且已配置环境变量（我的nodejs环境变量E:\develop\node.js）

　　设置npm的默认全局安装路径和缓存路径，我的设置如下

　　npm config set prefix “E:\develop\node.js\node_global”

　　npm config set cache “E:\develop\node.js\node_cacle”

　　建议配置npm淘宝镜像，提高下载速度npm config set registry https://registry.com.taobao.org，要是不记得是否配置过，可通过npm config get registry查看

　　以管理员身份运行cmd，执行npm install -g @vue/cli（3.x版本及以上的脚手架）

　　上面显示是警告

　　在配置环境变量，需要做第二步中的prefix路径添加到环境变量中（我这里即为E:\develop\node.js\node_global）

　　使用vue --verion命令查看是否安装成功新版本（注意要先关闭当前cmd窗口，重新打开）

　　完成上述操作就可以实现创建vue脚手架了，cmd进入要创建项目的文件夹，执行vue create 项目名。

　　更新版本是常见的，最新版本都在路上。

超融合服务器云服务器 vue-cli vue-cli3 webrtc 旧版本过旧版本的java

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/127717.html

vue-cli3.x 新特性及踩坑记

...名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。可以使用下列任一命令安装这个新 vue-cli 3.0.3 的包： npm install -g @vue/cli # OR yarn g...

xiaoqibTn 2019-08-23 12:01 评论0 收藏0
Vue Cli安装以及使用

...vue-cli来新建项目。用过vue的都知道，要全局安装vue以及脚手架vue-cli，然后执行vue init webpack projectname来新建vue项目模板。但是最近新建项目的时候发现，即使是在本机全局安装了vue最新版本2.5.17，可是用vue-cli脚手架创建vue项目...

lemanli 2019-04-23 13:21 评论0 收藏0
更新vue-cli遇到的坑

...yproject，回车以后出现了一个提示，说我的vue-cli不是最新版本，没管它，看下面的问project name的问题，直接按回车，然而，命令就一直停在这里不动了，一开始以为是网速慢，等了个十几分钟，还卡在这里没有动静，无奈Ctrl C,...

Allen 2019-08-06 11:11 评论0 收藏0
vue脚手架vue-cli的卸载与安装方式

...alt="1.png"/>　　补充：快速卸载Vue脚手架（vue-cli）　　执行命令：npm uninstall vue-cli -g　　或者npm uni vue-cli -g　　检查vue-cli卸载成功没　　执行命令...

3403771864 2022-09-22 22:21 评论0 收藏0
Mac OS X下安装Vue脚手架（vue-cli）

...组件化体系，以至于促使其发展飞快。下面来就来讲讲Vue脚手架（vue-cli）的安装吧。安装vue（使用npm 推荐） # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走...

terasum 2019-07-01 10:48 评论0 收藏0