npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

  • 报错起因
  • 解决方案
          • 一、检查是否安装了`node.js`环境
          • 二、这就需要解决 **环境变量配置** 问题:

报错起因

首次用vscode运行vue项目时,报错:

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

在这里插入图片描述

解决方案

一、检查是否安装了node.js环境

如何检查:

1、window+r 弹出以下弹框
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第1张图片
2、输入cmd 然后 回车 打开如下图:
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第2张图片
3、然后输入node -vnpm -v 分别出现版本号即说明已安装。如下图:
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第3张图片
到这里基本就知道了不是因为没有安装环境而导致的。

检查完版本号之后会出现的情况如下:

  1. 全都安装成功,但是依然不能运行
  2. 显示npm不是内部或外部命令,也不是可运行的程序
二、这就需要解决 环境变量配置 问题:

以Windows10为例:

步骤如下:

第一步:右键此电脑 ==> 点击属性 ==> 关于 ==> 高级系统设置 ==> 环境变量
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第4张图片
进来是这样的:
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第5张图片
第二步:首先新增一个用户变量,变量值填写node的bin目录
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第6张图片

第三步:然后填写系统变量,在Path中新增一条node的安装目录
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第7张图片

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。_第8张图片
最后,一步步点击确定保存,然后重新打开VScode打开项目执行npm i

在这里插入图片描述
至此就搞定啦!!!

你可能感兴趣的:(npm,vue.js,前端,node.js,vscode)