‘vue’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
今天在使用vue ui进行搭建项目的时候出现了这个问题,
在Visual Studio Code中通过vue ui指令使用脚手架安装项目时,终端报错:
‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。
解决方法如下:
解决方案:
1、确定npm是否已正确安装,在cmd中输入如下指令:
npm -v
当显示版本号时说明npm已成功安装。
可以看到,我现在安装的npm版本是7.21.1,这是符合的,下一步
2、进入node.js的安装目录中查看一级目录下是否存在vue.cmd指令;
如果看不到该指令,则回到控制台;
使用搜索进入power shell控制面板(记得要右键以管理员身份进入)
然后在power shell面板输入以下命令
npm install -g vue
npm install -g @vue/cli
注意:第二个指令如果不成功,将npm更换为cnpm再试试。
3.安装成功后使用
安装成功后可以在任意窗口打开cmd命令行,运行
npm -v
指令,会得到以下图示,当显示版本号时说明npm已成功安装。
此时,我们就可以通过vue指令来进行操作了。这时我们直接使用vue ui创建项目就好了
vue ui介绍
比起繁琐的命令创建vue项目,我更喜欢使用vue ui创建项目,界面化工具,赏心悦目,而且配有文字说明,让你知道每一步都在做什么,甚是好用
选择预设,根据你的项目需要的插件来选择,这里选择手动,如下图所示
根据咱们的业务需求来选择配置,比如Router,Vuex,CSS预处理器是我们经常用到的东西,我们就可以选择它们,如下图所示
在上图你可以保存为你的预设,也可以不保存,直接创建项目,完成之后如下图所示
然后你用编译器打开项目就可以发现,之前选择的router,vuex以及less全部帮我们装好了,就可以直接使用了,是不是很方便?
下载新的插件
我们的项目中难免会用到elementui以及axios,我们直接安装就可以使用了
这样一个项目就创建好了,是不是很简单