vue报错解决+vue2.x与vue3.x并存

---

前言

一、vue报错解决

一开始不知道安装了什么东西导致vue和npm同时崩了
vue提示报错

二、vue2.x与vue3.x共存解决方法

1.删干净存有的vue

使用’where vue’指令找到vue的位置 手动删除

2.新建vue2与vue3文件夹

在D盘找一个位置新建vue2与vue3文件夹 并创建node_modules文件夹 在node_modules文件夹里面打开cmd进行操作

vue2.x安装指令

vue3.x需要切换仓库

npm config set registry “https://r.npm.taobao.org/”
npm i @vue/cli@3.12.1   

然后找到.bin文件夹，将vue与vue.md修改为vue2与vue2.md
vue3同理

---

3.新建环境变量

打开环境变量所在位置 右键我的电脑-属性-高级系统设置-环境变量

新建系统变量 对应的输入变量名和文件目录 这里的目录就是我们安装vue的目录，而且找到.bin文件夹就可以了。
vue2和vue3不要弄混了。看图好理解

最后修改Path变量 这一步才是最重要的 先找到Path的位置（这个不能新建，每台电脑都有的）、然后编辑

win10电脑下就直接在空白栏双击，然后填入刚才我们设置的变量名、注意有 %%包着的

如果不是win10的电脑 编辑Path的时候。可以移到路径的输入框的最后面 然后输入 ;%VUE_CLI2%;%VUE_CLI3%

参考链接

总结

前后卸载了node六七次 最后在大佬的帮助下解决了。除了有些东西要卸载干净外 还需要对软件有清晰的认识。