猿创征文｜ ‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

‘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，我们直接安装就可以使用了

这样一个项目就创建好了,是不是很简单