Node.js未安装导致Vue运行项目无法使用npm命令运行

今日,在Gitee上拉下前端的项目准备运行测试时,在启动前端项目时遇到了一些问题,故作此记录✍

异常描述

  • 首先我通过npm run dev 准备启动 Vue项目,但是却报出了这个错误👇
shell 复制代码
run : 无法将"run"项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
所在位置 行:1 字符: 1
+ ~~~
    + CategoryInfo          : ObjectNotFound: (run:String) [], CommandNotFoundException
+ npm run dev
+ ~~~
  • 这个是Vue项目,其是基于Node.js环境来运行的,所以读者若是遇到这个问题可以打开 带有管理员权限的PowerShell,然后输入以下命令
shell 复制代码
npm -v
  • 但如果你出现的是以下结果的话,代表你的电脑中未安装Node.js,问题就出在这里!

👉 通过排查我们可以知道原来是Node.js未安装导致的

解决方案

1、安装 Node.js

首先我们要去 Node.js 中文网 下载Node.js,因为Vue是基于它运行的,所以没有这个运行环境的话我们的Vue项目是运行不起来的

  • 读者按照自己电脑的版本和对应的系统下载对应的版本即可
  • 接下去就会有一个微软的程序安装文件(以.msi结尾的文件)
  • 最后在安装完后就会出现以下这些东西了

但是就现在这样你去运行npm -v出来的结果还是一样哦😁 那读者就很疑惑了,这是为什么呢?

2、配置环境变量

当你安装了Node.js,也只能说明你的电脑里有它而已,但是我们在系统的其他地方去调用相关的命令时却无法得到识别,原因就在于我们没有配置环境变量

如果读者对环境变量没什么概念的话可以看看这篇文章:Linux下的环境变量

  • 配置的方法很简答,首先第一步我们要先打开【高级系统设置】-> 【环境变量】
  • 接着打开Path系统环境变量
  • 点击【新建】后输入%NODE_PATH%即可
  • 当然,如果你在安装完Node.js之后系统没有自动将其安装路径进行添加的话读者还需自己添加(一般是会自动添加上去的)
  • 很简单,只需要双击CALSSPATH然后输入对应的 变量名(NODE_PATH)变量值(Node.js的安装路径) 即可

⚠ 注意,在配置好环境变量后记得重启电脑哦, 否则配置是不会生效的

查看效果

接着我们再来看看npm命令是否可以使用了

  • 很明显可以看到npm这个命令已经可以被系统给识别到了,并且我们也查看到了Node.js的版本号
  • 那接下去就到 VSCode 中来看看我们的 Vue项目是否可以重启了呢,见证奇迹的时刻🖐

小结

从以上的排查过程我们可以看出对于一些命令而言我们需要一些特定的运行环境,就像Vue它需要再Node.js的环境中运行,并且要让我们在系统的任何位置都使用这个指令的话还需要配置相应的环境,这点也非常得重要,读者要牢记心中哦!

今日共勉,望本文对您有所帮助:rose:

相关推荐
知识分享小能手1 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
魔云连洲1 小时前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
前端工作日常4 小时前
我学习到的Vue2.6的prop修饰符
vue.js
小菜全5 小时前
基于若依框架Vue+TS导出PDF文件的方法
javascript·vue.js·前端框架·json
wow_DG5 小时前
【Vue2 ✨】Vue2 入门之旅 · 进阶篇(一):响应式原理
前端·javascript·vue.js
weixin_456904275 小时前
UserManagement.vue和Profile.vue详细解释
前端·javascript·vue.js
ST.J5 小时前
前端笔记2025
前端·javascript·css·vue.js·笔记
还有多远.7 小时前
jsBridge接入流程
前端·javascript·vue.js·react.js
半花9 小时前
【Vue】defineProps、defineEmits 和 defineExpose
前端·vue.js
我的名字帅不帅9 小时前
使用 Element UI -Container 布局容器时监听屏幕滚动无效
vue.js