vue-cli3.0的安装

    Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

    但是之前安装的vue-cli是2.9.3,想升级为vue-cli3.x,但是发现运行npm uninstall vue-cli -g 之后vue-cli2.9.3卸载不掉,升级失败,vue-cli升级不了3.x。

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

   处理方法:以我自己的安装目录为例子,我的node安装在D:\node中

        1.在D:\node\新建node_global文件夹,再终端中执行npm config set prefix "D:\Develo\nodejs\node_global"

      //这里的路径必须是上面path对应!

        2.打开环境变量>在用户变量中找到path,这里的的路径必须和你电脑 npm 的全局安装路径对应,

        原来我的之前路径写错了,所以就默认帮我装在C:\Users\Administrator\AppData\Roaming\npm中!现在我决定指定这个路径在D:\node\node_global中(这里的node_global文件夹是我自己新建的)

        修改之前:

    修改后:

    运行命令行

        npm install -g @vue/cli# 

            or

        yarn global add @vue/cli

  最后再终端中输入node -V


        显示如上即可

你可能感兴趣的:(vue-cli3.0的安装)