一开始想弄vue的项目管理工具,又安装了cnpm 试了一下:

cnpm install -g @vue/cli@3.0

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_nodejs


npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_nodejs_02


npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_npm_03


npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_版本号_04


vue ui

输入以后毫无反应。

又试了

cnpm i -g @vue/cli

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_nodejs_05


npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_npm_06


版本没有到3.0 难怪没法升级

尝试卸载:

cnpm uninstall vue-cli -g

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_版本号_07


又尝试用npm装仍然失败:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_nodejs_08


卸载命令输入了无效:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_解决方案_09


然后实在毫无办法我去文件夹直接点了右键删除了VUE和cli开头的文件夹,似乎卸载了,但出现了毛病:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_删除文件夹_10

输入:

cnpm i -g @vue/cli@3.10.0

但是安装失败了,应该跟直接删除文件夹有关系:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_删除文件夹_11


目前还未找到有效解决方案,看了一篇文章说把nodejs的环境变量设置一下但无效。

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_nodejs_12

然后实在没办法卸载了node 删除了npm有关的所有模块,然后重新从这个网址下载:(速度快)

​​ https://nodejs.org/en/download/​​ 然后重新安装之后添加环境变量:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_解决方案_13


path:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_删除文件夹_14


然后安装了淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

输入cnpm -v:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_版本号_15


然后更新:

cnpm install cnpm -g

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_版本号_16

然后cnpm下载vue:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_nodejs_17


安装vue-cli

cnpm install --global vue-cli

然而一开始下的的还是2.9.6版本:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_解决方案_18

试图卸载:

cnpm uninstall vue-cli -g

但是不行:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_删除文件夹_19


于是用cnpm install -g @vue/cli@3.0指定版本号:

cnpm install -g @vue/cli@3.0

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_版本号_20


成功了!

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_npm_21


输入vue ui:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_nodejs_22


浏览器输入端口号:

npm安装vue 解决VUE无法打开图形界面工具,输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败_解决方案_23