【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”

目录

  • 问题:通过cmd检查vue版本时,报错' 'vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件'
      • 1、检查npm版本,查看是否安装,如果未安装请先安装node和npm
      • 2、进入 node.js 的安装目录中查看一级目录下是否存在 vue.cmd 指令;
      • 3、安装vue
      • 4、安装脚手架 vue-cli
      • 5、在cmd 中输入npm config list,查看 prefix 目录下对应的地址。
      • 6、配置环境变量。
      • 7、安装配置成功,检查vue版本。


问题:通过cmd检查vue版本时,报错’ ‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件’

原因: vue和vue cli没有安装和正确配置环境变量

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第1张图片

1、检查npm版本,查看是否安装,如果未安装请先安装node和npm

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第2张图片

2、进入 node.js 的安装目录中查看一级目录下是否存在 vue.cmd 指令;

已经安装了 vue,就能看到该指令;

配置前:

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第3张图片
配置后:

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第4张图片

3、安装vue

输入命令 npm install -g vue

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第5张图片

4、安装脚手架 vue-cli

输入命令 npm install -g vue

// 安装
npm install -g @vue/cli
// 或者 
cnpm install -g @vue/cli
// 或者
yarn global add @vue/cli

5、在cmd 中输入npm config list,查看 prefix 目录下对应的地址。

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第6张图片

如果没有看到prefix 目录对应的地址

在cmd 输入 npm config s -l 查看全部默认配置。
【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第7张图片

6、配置环境变量。

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第8张图片

6.1 、用户变量点击 – 新建:

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第9张图片

输入prefix 目录对应的地址:

【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第10张图片
6.2、系统变量找到path,点击编辑:
【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第11张图片
添加环境变量配置
【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第12张图片

7、安装配置成功,检查vue版本。

输入命令 vue -V
【安装配置vue最详细的方法】检查vue版本时,报错“‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件”_第13张图片

你可能感兴趣的:(vue.js,前端,javascript)