温馨提示,该文分为两个部分:Part1探索原因;Part2解决问题。小伙伴可以直接从分割线后开始看!
Part 1
错误提示:
先查看以下自己电脑上安装地node版本。
node -v
然后去下面的连接中去找对应关系。以往的版本 | Node.js (nodejs.org)https://nodejs.org/zh-cn/download/releases/
巧了嘛这不是,我电脑中安装的node和npm是一致的。
通过翻译错误提示,我怀疑是不是npm安装的时候,网速的问题
那就只能使用镜像了啊!妙的是我的镜像npm也安装不上。
根据上面的提示,我首先怀疑是不是淘宝镜像的npm库失效了,但是经过向小伙伴请教,发现是powersell被禁用的问题
根据给出的提示,按照要求操作
==============================分割线===================================
经过一夜酣睡,早上来到实验室,我就放弃了做完的思路,因为我在设置完power shell之后还是回到原来的问题...
Part 2
步骤1:查看自己的global全局文件夹下有没有vue
npm list -global
问题:可以看到我安装到了C盘中,路径错了
步骤2:在D盘中创建两个文件夹,把在C盘中的文件迁移过去
步骤3:编辑用户路径
步骤4:再次查看global里面的路径和内容,发现已经改变了路径
步骤5:安装淘宝镜像
npm config set registry=http://registry.npm.taobao.org
步骤6:查看配置文件C:\Users\HW\.npmrc (每个人的文件路径因人而异,再次强调以下)
可以看到已经有刚刚你新建的两个文件夹的迁移路径还有淘宝镜像地址
步骤7: 检查以下镜像站行不行
npm config get registry
步骤8:看看能否获得vue的信息(看到信息已经出来其实我内心已经开始起立,准备鼓掌!)
Npm info vue
步骤9:添加环境变量(看清楚自己的文件夹,千万别整错了,每个人可能不一样,自己去复制路径)D:\Program Files\nodejs\node_global\node_modules
注意:一定要在node_global下面的node_modules创建,我估计我之前都是路径搞错了.....
步骤10:安装vue cli(这里要注意去vue cli的官方网站去复制安装代码,官网也说了有两个版本vue和@vue,别搞错了)
npm install -g @vue/cli
步骤11:检查上述路径下,有没有vue文件夹
现在你在看刚刚的路径文件夹下面已经有了一个vue文件夹了
步骤12:然后查看以下vue当前的版本,看看电脑中配置成功了没有
vue --version
呜呼~~~~~~~~~终于成功了!我解决了!!!!撒花*★,°*:.☆( ̄▽ ̄)/$:*.°★* 。