刚刚删除重装了nodejs,结果发现原来安装的vue不能用了,打算重新安装一遍,结果安装都挺顺利,但是vue命令都无法运行,一直报错“vue -V 不是内部或外部命令,也不是可运行的程序或批处理文件”
在这里插入图片描述

查看了一下npm全局安装包,里面确实有vue安装文件,且之前npm install -g @vue/cli安装的时候也没有问题,那么会不会是环境变量这里有问题呢?因为以前自学angular的时候就遇到过这样的问题,明明安装成功了,但是ng命令都无效,最后是配置了环境变量才解决的。

上网搜索了一下vue环境变量配置的方法,有文章讲到直接在Path中添加环境变量即可,但是没有图,也不知道他到底配置成功了没有,反正我在Path中配置了半天,无论怎么配置还是无效。
在这里插入图片描述

尝试了半天,想是不是不加,但是不管怎么改都没有用啊。最后想到也许不是在Path中添加呢,直接在系统变量中设置,死马当活马医呗。
在这里插入图片描述
直接点击新建,然后新建变量名,注意这里紫色框中的变量值需要使你自己安装的vue所在的路径。
在这里插入图片描述

确定,然后重启cmd窗口,运行vue -V,发现可以运行了~~!
在这里插入图片描述

⭐第一步:在PowerShell中输入get-ExecutionPolicy,一般查询到的状态为Restricted; 第二步:电脑搜索Powershell,用管理员模式打开windows的PowerShell,然后在命令行输入set-ExecutionPolicy RemoteSigne,回车,输入Y确定执行;第三步:最后在vscode验证是否能够执行 vue 命令; vue 命令 执行 成功 。 总结:把 vue .cmd的路径添加到系统变量Path里。自己试过是有效的,所以记录一下; 下面是详细步骤; 1,打开系统 文件 全局搜索 vue .cmd,搜索有点慢,耐心等着就好。 2,找到 安装 vue 那个时间的 vue .cmd 文件 ,点击属性找到 文件 路径复制下来,注意一定是 安装 那个时间的 vue .cmd。 3,桌面找到此电脑,右键点击选择属性-高级系统设置-环境变量(N)-系统变量-Path,双击打开后点击新建,把复制的路径粘贴进去后确定。 4粘贴后确定,重新打开cmd窗口输入 vue -V即可; 作者:许魁 vue /cli 安装 成功 后, 无法 使用 vue 命令时,考虑一下环境变量配置问题,将yarn包下的 vue .cmd 文件 路径添加到环境变量中。可以用搜索软件搜索一下 文件 。 yarn路径 添加到环境变量后,应该就可以。 此文记录自己遇到的问题,写的有些简略。 项目场景: 要前端测试了,想 安装 vue-cli 脚手架来进行便捷测试的,之前在苹果电脑上就很顺利,没有出什么问题,这次换了windows电脑,问题一堆,这两天就在node、npm和 vue-cli 安装 上卡壳了,真的是来来回回,折腾地够呛…… 问题描述: 我先描述下我碰到的问题,node.js、npm都 安装 好了,这时借助以下语句: npm install -g @ vue /cli 系统最后提示 安装 成功 ,如图所示: + @ vue /cli@4.5.15 updated 2 packages in 81.218s 1.在GitHub上面下载了一个项目,要 运行 的时候,执行了npm run serve发现如下 报错 :> yun@0.1.0 serve > vue-cli -service serve ' vue-cli -service' 不是 内部 外部命令 ,也不是可 运行 程序 批处理 文件 。解决办法就是输入npm install就好了 vue -V是查询 vue 的版本号? 1、如果你这样认为那你就大错特错了! 2、其实 vue -V查询出来的是 vue cli的版本,现在是2020年11月,目前 vue 3.0只是公测版,那么如果 vue -V查询的是 vue 版本,那如下图所示不就是4.5.8了?所以 vue -V查询的是脚手架的版本! 3、打开package.json,看到的2.5.2才是 vue 真正的版本号!如下图: 根据黑屏中出现的 C:\Program Files\nodejs\node_cache -&gt;C:\Program Files\nodejs\node_cache\node_modules\cnpm\bin 在该目录下 运行 vue -V会出现版本号 在任何地方 运行 都O... 解决方法: 1.cmd 输入 (注意 Administrator 是自己电脑用户名) del /s /q C:\Users\Administrator\AppData\Roaming\npm\ vue * npm install -g @ vue /cli 查看版本: vue -V 但是 报错 :‘ vue ’不是 内部 外部命令 。。。。 这就奇怪了,因为首先俺的node是全局 安装 的,npm也存在,看了一下 vue 安装 成功 后的目录: 然后查了一下资料,可能是需要配置环境变量,于是: 然后在path里,添加路径: 然后重启命令窗,输入 vue -V,可以了,出现了版本号 2.进入该目录,右击后发现“删除”和“重命名”前面都存在黄色盾牌,就代表权限不足。 选择 文件 后右击进入“属性”→“安全”→“编辑”,在“组或用户名(G)”中选择自己的账号,在下面 如下代码:如果 MachineQuery 中使用了 element 的库(不确定是哪些组件),v-show 会失效… <machine-query v-show="siderBar == 'MachineQuery'" id="trace" ref="trace" /> 1、使用 v-if 替换 v-show,这个不需要很费心,换个 指令 即可 2、如果有时候一定要使用 v-show,可以使用如下 解决方案 :在组件外套一层 div 即可 vue : 无法 加载 文件 C:\Users\17126\AppData\Roaming\npm\ vue .ps1,因为在此系统上禁止 运行 脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Executi on_Policies。 所在位置 行:1 字符: 1 + vue -V + ~~~ + Categor... vue 的基本使用一、简介二、 vue 安装 三、生命周期钩子四、模板语法五、常用 指令 六、数据侦听器七、Class、Style 绑定八、条件渲染九、列表渲染十、表单输入绑定十一、组件十二、插槽 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是, Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时, Vue 也完全能够为复杂的单 目录 Vue 脚手架 安装 快捷 安装 项目所需插件命令 npm i vue 如何查看 vue cli的 安装 位置 Vue 项目创建与 运行 1.创建项目2. 运行 项目​3.检测 运行 是否 成功 项目 文件 作用介绍 复制上方地址后浏览器中打开,即可看到下方页面 此时项目即创建并 运行 成功 ... powershell中 无法 执行 vue 命令 安装 vue-cli 工具后在powershell中 无法 执行 vue 命令,提示 ····\npm\ vue .ps1,因为在此系统中禁止 运行 脚本。 出现这个提示的原因是windows执行策略的问题 解决方案 : 1.以管理员身份 运行 powershell 2.输入命令get-ExecutionPolicy得到的响应为Restricted 标识现在的执行策略是受限的 3.在powershell中输入命令set-ExecutionPolicy RemoteSigned 即可解决此问 全局 安装 Vue-cli 之后,在命令行工具中输入命令执行 vue --version,提示:不是 内部 外部命令 ,也不是可 运行 程序 批处理 文件 。 原因:环境变量没有配置。 解决方式: 在命令行工具中执行npm config list,回车。 打开图中划线的路径,看这个 文件 夹下是否有 vue .cmd这个 文件 。 如果有 vue .cmd,则复制这个路径(上图划圈),添加到系统环境变量中。这样就解决了~ (ps: 如果没有 vue .cmd,则说明你可能没 安装 成功 ,需要重新 安装 vue-cli