1、如果你安装的node的时候是无脑操作直接是next->next的话:
可以先把以前安装的旧版本的vue-cli卸载:
(1).npm uninstall vue-cli -g //卸载vue-cli旧版本
(2).把Users\Administrator\AppData\Roaming\npm\node_modules\@vue中的cli文件删除(重要点)
(3).npm install -g @vue/cli //安装新版本
2、如果你安装node的时候不是无脑操作,而是把node安装的路径改变磁盘了:
处理:以我自己的安装目录为例子,我的node安装在D:\Develo\中
(1).打开环境变量>在用户变量中找到path,这里的的路径必须和你电脑 npm 的全局安装路径对应,
原来我的之前路径写错了,所以就默认帮我装在C:\Users\Administrator\AppData\Roaming\npm中! 现在我决定指定这个路径在D:\Develo\nodejs\node_global中(这里的node_global文件夹是我自己新建的)
(2).接下来还有一点!系统变量中的NODE_PATH的路径必须和你是 npm 全局安装路径下的 node_modules,所以我这里填写的是D:\Develo\nodejs\node_global\node_modules
(3).设置 npm 的默认安装路:
$npm config set prefix "D:\Develo\nodejs\node_global" //这里的路径必须是上面path对应!
$npm config set cache "D:\Develo\nodejs\node_cache" //---这里是我自定义的缓存路径,无关紧要
3、安装成功之后,在编辑器中vue可视化工具创建项目的话,输入vue ui,这个时候如果报错这样错的话:
报错信息:无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统中禁止执行脚本
原因分析:禁止执行脚本,那就打开权限执行脚本嘛
解决方案:
打开 powerShell 用管理员身份运行
输入命令: set-ExecutionPolicy RemoteSigned
输入:A或Y
再输入 vue ui(搞定)
注意:
1.C:\Users\Administrator\AppData\Roaming\npm,,一般安装时,没修改 node 安装路径,默认的 npm 全局安装路径就在这里
2.之前 node 的安装我是参考了 https://www.cnblogs.com/zhouyu2017/p/6485265.html 及https://www.jianshu.com/p/ba7c078837f3这位大神的教程