【问题】在 CMD 中通过 vue 指令使用初始化项目或者查询 vue 的版本时,会出现下面报错信息:
'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。
1. 先查看 npm 是否已正确安装,在 cmd 中输入如下指令:
npm -v
若显示版本号则说明安装正确,否则重新安装 npm
2. 进入 node.js 的安装目录中查看一级目录下是否存在 vue.cmd 指令;
已经安装了 vue,就能看到。如果看不到该指令,则回到控制台;
输入:
npm install -g vue
先安装好 vue ,然后安装脚手架 vue-cli
在 cmd 中输入
// 安装
npm install -g @vue/cli
// 或者
cnpm install -g @vue/cli
// 或者
yarn global add @vue/cli
3. 安装完成后 ,在 cmd 中输入指令查看 vue 版本和脚手架版本
查看 vue 版本的指令:
npm list vue
// 或者
npm list vue -g
查看脚手架版本的指令:
vue --version
// 或者
vue –V
如果还是报错 :
'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。
则说明未配置好环境变量。
4. 配置环境变量
① cmd 输入 npm config list
查看目录,找到 prefix 目录下对应的地址。
npm config list
查询如下:
打开对应的路径文件夹,获取路径。
② 打开 控制面板 —> 系统 —> 高级系统设置 —> 环境变量
③ 在用户变量中新建变量,变量名为 VUE ,变量值为 prefix 目录下对应的路径。
④ 点击系统变量的 Path 变量,点击编辑
鼠标移动到最下面一行,点击新建,输入 prefix 目录下对应的路径,点击确定。
5. 回到 cmd 中查询 vue 的版本
npm list vue -g
或者
npm list vue
【注意】 下面的指令是查询 vue-cli 脚手架的版本,不能查询到 vue 的版本
vue --version / vue –V
【另外】本人经过试验,发现用 `npm list vue` 查询 vue 版本,这时候查看vue版本显示为空,这是因为使用nvm管理node时查不出来,但本地已存在:
而若是关闭 nvm 这时候又会重新报错:
‘vue‘ 不是内部或外部命令,也不是可运行的程序或批处理文件
因此,只能采用 ` npm list vue -g ` 进行查询:
结果成功显示:
vue 2x 和 vue 3x 的版本:
而脚手架 vue-cli 版本为:
参考文章:
1. http://t.csdn.cn/FRQl9
2. vue/cli 和 vue 版本对应及安装