解决vue终端报错:不是内部或外部命令

目录
  • 发现问题
  • 解决方案：
  • 总结

发现问题

通过vue指令使用脚手架初始化项目时，在cmd中输入vue init webpack vue_project，终端报错:

'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。

解决方案：

1、确定npm是否已正确安装，在cmd中输入如下指令：

npm -v

可以查看当前npm版本号：

当显示版本号时说明npm已成功安装。

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

已经安装了vue，就能看到，如果看不到该指令，则回到控制台；

3、执行以下两个指令：

在 cmd 输入以下命令：

npm install -g vue

然后，输入以下命令：

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

安装成功，看到了vue.cmd指令：

4、安装完成后，通过如下任意指令查看vue的版本：

vue --version / vue –V

但是，还是报错：‘vue’ 不是内部或外部命令。

还需要配置环境变量。

5、cmd 输入 npm config list 查看目录，找到 prefix 目录下对应的地址。

6、在"控制面板"里面找到“系统和安全”，接着在“系统和安全”找到“系统”，找到系统界面后，在左边的侧边栏，找到“高级系统设置”，点击进入：

7、点击进去后，在高级选项卡里面，找到“环境变量”按钮，并点击进去：

8、点击进去后，先在“系统变量”部分选中path一行，再点击下面的“编辑”按钮：

9、点击进去后，选中页面的“新建”按钮：

10、在”新建“页面的最后一行，加入第5步操作里面查询到的prefix后面的路径，再点击“确定”，在接下来的页面上点击确定，此时，在cmd输入以下命令：

vue --version / vue –V

可以看到，当前vue的版本：

接下来，就可以通过vue指令来进行操作了。

总结

到此这篇关于解决vue终端报错:不是内部或外部命令的文章就介绍到这了,更多相关vue不是内部或外部命令内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法

    在安装nodejs时候,有时候我们会把它安装在d盘或别的盘时,经常会遇到npm环境变量没有配好,需要自己手动去配置. 在安装完nodejs后输入node --version查看安装是否成功,若成功会出现下图       接着我们在使用npm安装依赖的时候有时候会出现"'npm' 不是内部或外部命令,也不是可运行的程序"的提示,此时我们先查看环境变量 知道3所指的路径,你会看到下图只有一个etc文件,没有马赛克部分内容,没有npm文件. 发现问题后,我们在环境变量中添加我们安装的npm命

  • nodejs 提示‘xxx’ 不是内部或外部命令解决方法

    nodejs 提示‘xxx’ 不是内部或外部命令解决方法

    一般出现这样的问题原因是npm安装出现了问题,全局模块目录没有被添加到系统环境变量. Windows用户检查下npm的目录是否加入了系统变量PATH中,如果不存在需要手动添加,添加之后需要重新启动CMD控制台. nodejs模块全局目录环境变量 npm目录可以使用npm命令去查找:npm config get prefix 好了,问题解决了吧,是不是超级简单实用呢,希望本文能对大家有所帮助.

  • npm安装的全局包/工具不能使用,不是内部/外部命令的解决方法

    目录 事情经过 问题描述 解决方法 总结 事情经过 今天通过npm安装全局工具,安装完成后,使用新安装的工具命令,竟然显示“不是内部或外部命令,也不是可运行的程序” 之前通过npm安装全局包,就可以正常使用,为什么今天就不可以了呢? 然后我去试之前安装过的全局包,结果也是这样. 然后我就去看npm全局包的目录,发现这些包都在,Node.js的环境变量也是正确的. 离谱了!npm安装的全局包突然就不能用了 然后去网上搜,发现没有用,然后我就卸载node.js重新安装,还是没有用. 离大谱了!! 正

  • 解决使用node命令提示:'node'不是内部或外部命令,也不是可运行的程序

    目录 情况1:安装node.js: 情况2:没配置好环境变量 总结 报错:使用node命令提示: ‘node‘ 不是内部或外部命令,也不是可运行的程序 原因:没安装node.js 或者 没配置好环境变量 情况1:安装node.js: 在官网下载 .msi 文件:Node.js 中文网 (nodejs.cn) 步骤 1 : 下载完成后,双击安装包开始安装 步骤 2 : 勾选接受协议选项,点击 next(下一步) 按钮 步骤 3 : Node.js默认安装目录为 "C:\Program Files\

  • 解决vue项目报错webpackJsonp is not defined问题

    在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件. 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined.这是因为公共文件必须在自己引用的js文件之前引用. 可以手动改文件引用,但是推荐以下解决办法: 找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置即可 chunks: ['manifest',

  • 解决vue打包报错Unexpected token: punc的问题

    项目中有一个功能模块是使用Vue写的,然后蛋疼的来了,写Vue的同事走了,今天需要改,懵逼状态啊,这是什么?代码还没看懂,就给我出了一个Exception.记录一下,蛋疼历程. ERROR in static/js/app.33254a875dd731a0b538.js from UglifyJs Unexpected token: punc (() [./src/mixin/mixin.js:6,8][static/js/app.33254a875dd731a0b538.js:13,19] 好

  • Vue.js报错Failed to resolve filter问题的解决方法

    Vue.js报错Failed to resolve filter问题的解决方法

    之前使用vue.js写分页功能时,写了一个过滤器,发现一个比较奇怪的错误. console控制台调试的时候,提示错误消息: Failed to resolve filter: HomePage console错误信息.jpg 我原来的写法: 原来的错误写法.jpg 错误原因: 经过自己的摸索,后来发现竟然是代码顺序错误问题. 由于先执行的pageList,后执行的Vue的过滤方法,最终调整过的写法: 修改后的正确写法.jpg 作者:=金刚= 文章地址:http://www.cnblogs.com

  • Vue+Echarts报错Cannot set properties of undefined (setting ‘plate‘)

    Vue+Echarts报错Cannot set properties of undefined (setting ‘plate‘)

    目录 Vue+Echarts报错Cannot set properties of undefined (setting ‘plate‘) 第一次解决问题 第二次解决问题 Vue引入Echarts报错解决 Vue+Echarts报错Cannot set properties of undefined (setting ‘plate‘) 代码: 报错信息: 上面的报错主要是: Cannot set properties of undefined (setting ‘plate’) 翻译之后就是:无法

  • vue init webpack 建vue项目报错的解决方法

    使用vue init webpack 创建vue项目时报如下错误: vue init webpack my-project C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60 let template = program.args[0] ^^^ SyntaxError: Block-scoped declarations (let, const, function, class) not yet s

  • 解决javac不是内部或外部命令,也不是可运行程序的报错问题

    解决javac不是内部或外部命令,也不是可运行程序的报错问题

    目录 简述 下面就讲讲解决方法 解决过程 可能还有的问题 解决之后的效果 简述 在学着使用Java的命令行来编译java文件的时候,遇到了这个问题 Windows操作系统报错 “‘javac’不是内部或外部命令,也不是可运行的程序或批处理文件” 下面就讲讲解决方法 回复评论区的找不到环境变量和用户变量的哥们 瞎发帖 解决过程 根据探究的情况来看,这里其实是没有安装好(或者是安装了之后但是在环境变量上却没有设置好) 第一步: 在http://www.oracle.com/technetwork/j

  • Vue项目报错:parseComponent问题及解决

    Vue项目报错:parseComponent问题及解决

    目录 Vue项目报错:parseComponent 报错内容 解决步骤 Vue常见错误及解决办法 1.在配置路由并引入组件后 2.在组件中的标签和样式中图片路径出错时 3.在组件中标签没有闭合 4.在使用less定义变量是报错 本地开发环境请求服务器接口跨域的问题 Vue项目报错:parseComponent 报错内容 ERROR  Failed to compile with 1 error                                                    

  • Vue项目报错:Uncaught SyntaxError: Unexpected token '＜'的解决方法

    Vue项目报错:Uncaught SyntaxError: Unexpected token '＜'的解决方法

    目录 问题: 一.public下的index.html没有引入其他外部js文件. 二. public下的index.html引入其他外部js文件. 原因一.引用文件的位置不正确 原因二:配置信息不正确 原因三:script的引入类型不对 总结 问题: 最近做vue项目时,当我访问二级路由的时候,就会报Uncaught SyntaxError: Unexpected token ‘<‘错误,而我访问一级路由不会报错.翻了网上很多资料,都无法解决. 一.public下的index.html没有引入其

  • 安装@vue/cli报错npmERR gyp ERR问题及解决

    安装@vue/cli报错npmERR gyp ERR问题及解决

    目录 安装@vue/cli报错npmERR gyp ERR 最终解决方法 安装@vue/cli报错npmERR gyp ERR npm ERR! path C:\Users\wwc\AppData\Roaming\npm\node_modules@vue\cli\node_modules\utf-8-validateERR! gyp ERR! find VS 报错图片 安装命令: npm i -g @vue/cli 先卸载掉安装失败的包 npm uninstall -g @vue/cli 删除本

  • Vue代理报错404问题及解决(vue配置proxy)

    目录 Vue代理报错404问题 第一种路径拼接 /api 情况 第二种路径不变情况 注意点 新增说明:配置多个代理怎么搞? 总结 Vue代理报错404问题 问题描述: 代理后出现404: 第一种路径拼接 /api 情况 const path = require('path'); function resolve(dir) { return path.resolve(__dirname, dir) } module.exports = { publicPath: process.env.NODE_

随机推荐