资讯专栏INFORMATION COLUMN

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

3403771864 / 20人阅读

  旧版本卸载

  问题说明

  很多人都会出现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相关文件,删除(可参考下图我的回收站中的文件及他们的原地址)

1.png

  重新查看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查看

2.png

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

3.jpg

  上面显示是警告

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

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

4.png

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

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


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

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

相关文章

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

    ...名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装版本vue-cli (1.x2.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 评论0 收藏0
  • Vue Cli安装以及使用

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

    lemanli 评论0 收藏0
  • 更新vue-cli遇到的坑

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

    Allen 评论0 收藏0
  • vue手架vue-cli卸载安装方式

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

    3403771864 评论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 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<