今日,在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: