刚刚删除重装了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 ->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
)