mac 安装Vue脚手架不成功,创建Vue项目报command not found: cnpm

mac 安装Vue脚手架不成功,创建Vue项目报command not found: cnpm

1.输入node -v 和 npm -v 检查是否安装成功,如出现版本号,证明安装成功
在这里插入图片描述
2.在终端输入 npm install --global vue-cli
在此过程中可能会报错
在这里插入图片描述
解决方法:
添加文件夹权限,即在终端执行 终端输入 sudo chown -R $USER /usr/local 输入密码
然后再次输入npm install --global vue-cli
3.若是还报错
在这里插入图片描述
创建Vue项目失败
在这里插入图片描述
执行sudo npm install webpack -g

再执行创建Vue项目
vue init webpack jt01 #此处项目名不能使用大写—可能比较慢,要等
在这里插入图片描述
##等待成功后

在这里插入图片描述

执行这两个命令 启动项目

得到一个URL及端口号

在这里插入图片描述

就可以在浏览器进行访问

在这里插入图片描述

二次运行你创建的vue项目

失败解决

1.node/nmp’不是内部或外部命令,也不是可运行的程序或批处理文件。

解决方法:
查看你安装的node.js
若返回版本号,说明安装成功
检查你的环境变量,是否配置
1.1若是都是没有问题,那么以管理员身份运行cmd窗口,会给你配置权限。运行nmp run dev 就会成功了

2在这里插入图片描述

解决办法:

直接项目目录下运行npm install webpack-dev-server -g

第二种常见报错如下
如果我们遇到像Error: Cannot find module '***'的报错
我们可以直接项目目录下npm install 报错提示的***去进行下载
示例报错如下:
在这里插入图片描述

解决办法:

在这里插入图片描述

其他解决办法

当不能解决时候

  • 删除文件
    在这里插入图片描述
  • 卸载node.js
  • 清空缓存:管理员权限打开cmd : npm cache clean --force
  • 再次执行安装命令
node -v 确定是否安装了node.js
npm config set registry https://registry.npm.taobao.org 设置镜像网址
npm config get registry 查询镜像网址是否设置成功
npm install -g @vue/cli --force  安装全局脚手架(force覆盖安装)
vue -V 查看版本是否安装成功
where vue 查询安装的地址
vue ui安装项目管理器
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值