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:

相关推荐
dly_blog1 天前
setup 函数完整指南!
前端·javascript·vue.js
写代码的jiang1 天前
【无标题】实战:Vue3 + Element Plus 实现树形选择器全量预加载与层级控制
前端·javascript·vue.js
来杯三花豆奶1 天前
Vue3 Pinia 从入门到精通
前端·javascript·vue.js
来杯三花豆奶1 天前
Vue 2.0 Mixins 详解:从原理到实践的深度解析
前端·javascript·vue.js
q_19132846951 天前
基于SpringBoot2+Vue2的诗词文化传播平台
vue.js·spring boot·mysql·程序员·计算机毕业设计
幼儿园老大1 天前
告别代码屎山!UniApp + Vue3 自动化规范:ESLint 9+ 扁平化配置全指南
javascript·vue.js
daols881 天前
vue 甘特图 vxe-gantt table 连接线的用法详解
vue.js·甘特图·vxe-table
Liu.7741 天前
vue3组件之间传输数据
前端·javascript·vue.js
@万里挑一1 天前
vue中使用虚拟列表,封装虚拟列表
前端·javascript·vue.js
用户7227868123441 天前
Vue2中能否实现输入中文自动转化为拼音, 且不带音调
vue.js