项目场景:
Vue-cli3执行生成脚手架,这个bug已解决;
问题描述:
vue-cli3安装完成,执行初始化vue create xxx,提示:
is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to……;
原因分析:
你可以忽略这部分直接看最下解决方案;
推测未成功安装,依据意见,以管理员权限运行cmd:
1 | C:\windows\system32>npm install -g @vue/cli |
未报错;
再次执行vue create xxx,相同报错,未解决;
删除AppData的npm_cache文件,无效,删除后npm安装vuecli3开始报错npm ERR! code EPERM npm ERR! syscall unlink
已安装cnpm,推测为此导致的权限问题;
尝试cnpm安装vuecli3,安装时抛出报告有不同:
1 | C:\windows\system32>cnpm i @vue/cli -g |
未报错;
重启VSCode,尝试执行vue create xxx;
不再报错npm ERR! code EPERM npm ERR! syscall unlink;
失败,相同报错s a Vue CLI 3 only command and you are using Vue CLI 2.9.6……;
检查vue -V,返回2.9.6,卸载无效,新版本安装未报错,推测覆盖失败;
删除C:/用户/hp/.npmrc文件
执行寻找:
C:\Users\hp>where vue
C:\Users\hp\AppData\Roaming\npm\vue
C:\Users\hp\AppData\Roaming\npm\vue.cmd
删除上二文件;
再次执行全局卸载npm uninstall vue-cli -g,出现长时卡顿,等待from21:58;
卡顿;
等待to22:05:蚌埠住了,取消执行;
再执行from22:07;
till22:10:fetchMetadata: sill resolveWithNewModule mime-db@1.47.0 checking installable status;
尝试还原npm-cache文件夹至原位置,还原开始10s+后卸载执行完成,还原未完成,取消还原;
推测checking installable status检索花费长时,非因缺失npm-cache内部文件;
卸载执行完毕,vue -V检查版本号;
vue -V未检索到版本号,推测成功卸载;
开始尝试第5次执行全局安装vue-cli3.0;
执行npm install -g @vue/cli from22:16;
till22:20,等待长时卡顿中:
fetchMetadata: sill resolveWithNewModule ansi-regex@5.0.0 checking installable status;
to22:28 卡顿,取消执行;
再执行cnpm install @vue/cli -g;
完成at22:30;
执行vue -V:@vue/cli 4.5.13;
终止;
VSCode重启执行vue create testvuecli3;
生成配置文件;
🎉 Successfully created project testvuecli3. At 22:35;
完毕 at 22:35;
解决方案:
删除C:/用户/hp/.npmrc文件
执行寻找:
C:\Users\hp>where vue
抛出:
C:\Users\hp\AppData\Roaming\npm\vue
C:\Users\hp\AppData\Roaming\npm\vue.cmd
删除上二;
再次执行全局卸载npm uninstall vue-cli -g
(中途尝试还原npm-cache文件夹至原位置,还原开始10s+后卸载执行完成,还原完成小部分,取消还原)
全局卸载执行完毕,vue -V检查版本号;
vue -V未检索到版本号,推测成功卸载;
执行cnpm install @vue/cli -g;
执行vue -V:@vue/cli 4.5.13;
终止;
VSCode重启执行vue create testvuecli3;
🎉 Successfully created project testvuecli3.
完毕.