安装VUE-CLI2后,想卸载升级到VUE-CLI3,无法升级的处理方法

问题:安装VUE-CLI2后,想卸载升级到VUE-CLI3,无法升级的处理方法

场景:输入卸载语句之后,安装新的版本却无法获取到新的版本,对于所有人来说这是一件非常痛苦的事情。

npm uninstall vue-cli -g      //卸载vue-cli旧版本
npm vue -V  // 版本还是2.9.6                

原因:

npm install -g @vue/cli 后, 我发现在C:\Users\用户名\AppData\Roaming\npm\node_modules目录下多了一个@vue的文件夹。也就是说全局安装的文件都在这里! 同时,npm uninstall vue-cli -g 也是删除的这里面的文件。

解决方法:

  1. 安装完node,就自动在path里增加环境变量。这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中(默认),占C盘空间。为了以后的本地部署项目,需要自定义安装和缓存。找到node.js的安装根目录,在当中新建“node_global”和"node_cache"两个文件夹。"node_global"即以后全局模块安装下载路径。"node_cache"即以后缓存路径。安装VUE-CLI2后,想卸载升级到VUE-CLI3,无法升级的处理方法_第1张图片
  2. 在cmd窗口依次执行命令
    // 设置全局的路径
    npm config set prefix D:\Program Files\nodejs\node_global
    
    // 设置缓存的路径
    npm config set cache D:\Program Files\nodejs\node_cache
  3. .打开环境变量>在用户变量中找到path,这里的的路径必须和你电脑 npm 的全局安装路径对应,
    原来我的之前路径写错了,所以就默认帮我装在C:\Users\Administrator\AppData\Roaming\npm中! 现在我决定指定这个路径在D:\Program Files\nodejs\node_global中(这里的node_global文件夹是我自己新建的)

  4. 接下来还有一点!系统变量中的NODE_PATH的路径必须和你是 npm 全局安装路径下的 node_modules,所以我这里填写的是D:\Program Files\nodejs\node_global\node_modules

  5. 把之前的vue版本卸载后,重新下载一个新的。这样就可以完成了。

这个问题一直是很多新手的纠结困惑的地方,希望能够帮助到大家。

你可能感兴趣的:(前端VUE)