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安装项目管理器

猜你喜欢

转载自blog.csdn.net/qq_44724703/article/details/119463688