卸载与重装Vue3及项目文件重创错误

卸载与重装Vue3及项目文件的重创错误

首先先来个vue的卸载命令，直接win+R打开cmd

npm uninstall -g @vue/cli    或     yarn global remove @vue/cli

安装命令

npm install -g @vue/cli      或     yarn global add @vue/cli

默认安装最新版vue-cli

卸载后重装vue出现错误

 ERROR  command failed: npm install --loglevel error

1、先尝试一下清除npm的缓存

npm cache clean --force

2、在C盘用户目录下/.vuerc文件中将”useTaobaoRegistry”: true设置为false

如果出现的错误是

ERROR  command failed: npm install --loglevel error --registry

则修改.vuerc文件配置（该文件一般在C盘---》用户----》“用户名”----》.vuerc）

将原先"useTaobaoRegistry": false, 改为"useTaobaoRegistry": true,

做完上面的步骤后再次重新操作创建vue3项目发现第二个错误

 ERROR  Failed to get response from https://registry.npm.taobao.org/binary-mirror-config

不要慌！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

注意注意：做下列步骤前先把创建的项目文件删除，否则一会可能不顺畅或出现问题！！！

注意注意：做下列步骤前先把创建的项目文件删除，否则一会可能不顺畅或出现问题！！！

注意注意：做下列步骤前先把创建的项目文件删除，否则一会可能不顺畅或出现问题！！！

解决方法之根除大法：

一：去C盘用户目录下我的是：C:\Users\Lsq删掉：.npmrc这个文件

创建项目文件的目录删除项目文件，如我的是：C:\Users\Lsq\Desktop\TSC_demo\VUE_3，我在VUE_3目录下创建了vue_study项目文件，则删掉vue_study文件

二：如果错误代码是

ERROR command failed: npm install --loglevel error --registry

则C盘用户目录下，打开.vuerc文件，配置为"useTaobaoRegistry": true;

如果出现的错误代码是：

ERROR command failed: npm install --loglevel error

则C盘用户目录下，打开.vuerc文件，配置为"useTaobaoRegistry": false;

三：清除缓存：npm cache clean --force

四：在VScode（或者你的编辑器）中运行npm install --no-optional

五：重新打开项目文件目录

然后

vue create vue3_study

选完配置后一路回车，注意：版本4.0之前可能不是一路回车，看清楚些

成功创建项目文件

依次输入并回车蓝色字体

cd vue3_study
npm run serve

最后验证：

在浏览器打开http://localhost:8080/看看是否出现Vue的界面

总结归纳：

首先打开cmd窗口卸载vue

紧接着删除本地项目文件、及c盘用户目录下.npmrc文件、修改.vuerc文件

再清楚npm缓存、在vscode终端输入npm install --no-optional

最后重新创建vue项目

验证http://localhost:8080/是否成功安装vue