@vue/cli命令不识别的问题 @vue/cli命令执行的工具错误的问题 @vue/cli命令错误跳转到vscode等文本编辑器

@vue/cli命令不识别的问题 @vue/cli命令执行的工具错误的问题 @vue/cli命令错误跳转到vscode等文本编辑器

问题描述:

已经安装nodejs18.16.0版本,npm版本为9.5.1

执行安装命令 npm install -g @vue/cli之后,执行命令vue --version或者vue -V或者任何vue相关命令

会显示找不到命令,添加路径@vue/cli的bin目录 — (你自己的nodejs主目录)\node_modules\node_modules@vue\cli\bin 到系统环境变量path中之后,

再次执行,会直接跳转到vscode(文本编辑器)打开@vue/cli的bin目录下的Vue.js文件,

cmd会输出以下三行:

[main 2024-08-06T01:24:29.926Z] update#setState idle
[main 2024-08-06T01:24:59.937Z] update#setState checking for updates
[main 2024-08-06T01:25:00.067Z] update#setState idle

如图:

问题解决:

**1.**添加全局依赖存储路径 (你自己的nodejs目录)\node_modules 到path系统环境变量中,(如果更改过的话就用更改过的,可用npm config set prefix "自定义位置"来更改),记得点确定

这个文件夹内部是这样的(如下图)

**2.**重新打开cmd执行vue相关命令,就可以使用了,我这里使用了nvm进行nodejs版本管理,主目录的名字是版本名,你们的应该不一样

相关命令:
查看nodejs版本

node -v

查看npm版本

npm -v

获取当前全局依赖存放位置

npm config get prefix

设置当前全局依赖存放位置

npm config set prefix "自定义位置"

查看当前镜像源

npm config get registry

设置当前镜像源(淘宝镜像源)

npm config set registry https://registry.npmmirror.com

恢复官方镜像源

npm config set registry https://registry.npmjs.org/

nvm-windows(nodejs版本管理器)相关
nvm-windows的GitHub地址nvm-windows
nvm-windows安装之前最好卸载掉所有的nodejs,nvm-windows安装就是一直next,也可以改位置,软链接那里就是在你指定的位置创建一个类似快捷方式的东西,实际存放地址还是在nvm-windows主目录
使用nvm命令,注意,必须使用管理员模式打开命令行工具
检查nvm进程中是否有已知问题

nvm debug

查看nvm版本

nvm version

设置nvm实际存储nodejs的目录,默认为nvm主目录

nvm root <path>

列出安装的nodejs

nvm list [available] //中括号的内容可要可不要,加了的话可以显示可供下载的版本

安装nodejs,可指定版本,指定64位或者32位

nvm install <version> [arch]

卸载nodejs特定版本

nvm uninstall <version>

启用nodejs版本管理

nvm on

关闭nodejs版本管理(不卸载任何内容)

nvm off

切换到特定版本

nvm use <version> [arch]

显示当前使用的nodejs版本

nvm current

设置nodejs镜像(下载nodejs用)

nvm node_mirror <node_mirror_url> //语法
nvm node_mirror https://npmmirror.com/mirrors/node///可用镜像

设置npm镜像(下载依赖用)

nvm npm_mirror <npm_mirror_url>  //语法
nvm npm_mirror https://npmmirror.com/mirrors/npm/ 可用镜像