终于解决了!!所有关于安装vue cli脚手架解决问题都在这里(已解决)哭死QAQ

引言:这个安装vue cli(脚手架)我后面就用脚手架来代替vue cli,言归正传真的QAQ我找原因找了半天,所有网站上的方法我都一步步试过去,什么配置环境变量啊,添加什么的 ,基本没什么效果,该报错还是报错


问题描述

提示:这里描述安装脚手架中遇到的问题:

我其实一开始在cmd中安装脚手架的时候就有过报错 当时没在意导致后续在运行脚手架 遇到了如下问题

​​



解决方案:

第一步 卸载npmnode.js所有相关的文件和以及所有配置相关环境变量

(一)、别着急咱们慢慢来哈 首先我们把npm和node.js彻底删除

提示:亲测可用,若有疑问请私信

1、打开“控制面板”,点击“卸载程序”
2、在“卸载或更改程序”界面,找到并选中“node.js”程序,鼠标右击选择“卸载”

在这里插入图片描述


3.寻找这些文件夹并删除它们(及其内容)(如果还有)。
根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在:

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{
    
    User}\AppData\Roaming\npm(或%appdata%\npm)
C:\Users{
    
    User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

4.检查您的%PATH%环境变量以确保没有引用Nodejs或npm存在。

5.如果仍然没有卸载,请where node在命令提示符下键入,您将看到它所在的位置 - 删除(也可能是父目录)。

可以在cmd命令行输入名:npm root -g
查看全局目录路径
当切换npm 版本不成功的时候,一定注意path中是不是配置多余的npm的版本了

6.重启电脑

(二)、再来 就是去官网把node.js重新安装

node.js下载官网:node.js中文网

1. 安装环境

点击选中图标下载到电脑本地即可。

在这里插入图片描述

2.安装步骤

  • 双击安装包,一直点击下一步。

  • 点击change按钮,更换到自己的指定安装位置,点击下一步(不修改默认位置也是可以的 )。

  • 一直点击下一步,最后安装成功即可。

3.验证安装

1、在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面
在这里插入图片描述

2、进入命令提示符窗口,分别输入以下命令,显示版本号,则安装成功,如图。

node -v 显示安装的nodejs版本
npm -v 显示安装的npm版本

在这里插入图片描述

(二)、最后一步啦 安装脚手架

具体步骤

第一步(仅第一次执行) :全局安装@vue/cli.

npm install -g @vue/cli

安装完之后 用vue -V看一下有没有如下所示 如果有 恭喜你完成啦在这里插入图片描述

第二步:切换到你要创建项目的目录,然后使用命令创建项目

vue create XXXX

第三步:启动项目

npm run serve

提示
如出现 下载缓慢请配置npm淘宝镜像: npm config set registry https://registry.npm.taobao.org

总结

我制作了这份详细的教程,就是为了避免大家像我一样踩坑。大家跟着教程做,一步一步来,最后肯定也会成功的,记得点赞收藏哦~

猜你喜欢

转载自blog.csdn.net/Jinmuyan_/article/details/128364802