无法将“vue-cli-service”项识别为 cmdlet、函数、脚本文件或不是内部命令的原因和解决方案

经常有小伙伴问我说，为什么我们在开发vue项目的时候，需要在package.json的script对象中，去设置命令启动项目，而不是直接的通过"vue-cli-service serve"命令去把项目跑起来。

带着这些疑问，小生在此总结了以下这个问题，希望对读者有用，从也希望可以给读者带来些启发。

一，vue-cli项目种，为什么不能直接运行vue-cli-service命令？

二，vue-cli项目种，为什么不能直接运行vue-cli-service serve命令，要通过npm run去运行 ？

三，为什么直接运行vue-cli-service serve会有路径问题，而用npm run就不会有路径问题？

四，vue-cli项目输入命令vue-cli-service serve提示不是内部命令的原因 以及如何解决？

一，vue-cli项目种，为什么不能直接运行vue-cli-service命令？

在一个新建的vue-cli项目中，如果直接运行vue-cli-service命令是无法正常运行的，因为vue-cli-service是一个工具，需要配合具体的指令才能运行。例如，想要启动项目，需要运行vue-cli-service serve命令；想要打包项目，需要运行vue-cli-service build命令。因此，我们需要在vue-cli-service命令后加上具体的指令才能正常运行。

二，vue-cli项目种，为什么不能直接运行vue-cli-service serve命令，要通过npm run去运行 ？

在一个新建的vue-cli项目中，我们可以使用vue-cli-service serve命令来启动项目，但是我们通常不会直接运行这个命令，而是在package.json文件中配置一个npm script来运行vue-cli-service serve。这是因为，如果我们直接运行vue-cli-service serve，可能会出现一些问题，例如：

1. 在不同的操作系统上，命令的路径可能不同，可能导致命令无法识别。

2. 在不同的开发环境中，可能需要不同的参数，例如指定端口号等。

3. 我们通常需要在启动项目之前进行一些准备工作，例如编译代码、启动mock服务等，这些工作可以通过npm script来实现。因此，我们通常会在package.json文件中配置一个npm script来启动项目，例如：

{
    "scripts":{
        "serve":"vue-cli-service serve"
    }
}

然后，在命令行中运行npm run serve即可启动项目。这样做的好处是，可以方便地管理项目的依赖、配置和运行环境，并且可以在不同的开发环境中进行兼容性测试。

三，为什么直接运行vue-cli-service serve会有路径问题，而用npm run就不会有路径问题？

直接运行vue-cli-service serve命令可能会有路径问题，是因为命令行中的路径不一定和vue-cli-service命令所在的路径一致。例如，如果我们在命令行中执行vue-cli-service serve，而此时的路径并不是vue-cli项目的根目录，则会出现路径问题。而在项目的根目录中，我们可以使用相对路径来引用vue-cli-service命令，避免了路径问题。而使用npm run命令来启动vue-cli-service serve则不会有路径问题，是因为npm run会在项目的根目录中执行命令，这样就可以使用相对路径来引用vue-cli-service命令，避免了路径问题。同时，在npm run命令中，我们还可以通过--prefix参数来指定命令执行的路径，从而避免了路径问题。因此，使用npm run命令来启动vue-cli-service serve是更加稳妥的做法。

四，vue-cli项目输入命令vue-cli-service serve提示不是内部命令的原因 以及如何解决？

如果在vue-cli项目中输入命令vue-cli-service serve时提示不是内部命令，可能有以下几个原因：

1. vue-cli-service没有安装：如果没有全局安装@vue/cli或者在项目中安装@vue/cli-service依赖，就会导致vue-cli-service命令无法识别。可以通过全局安装或者在项目中安装@vue/cli-service依赖来解决问题。

2. 环境变量未配置：如果vue-cli-service已经安装，但是输入命令时提示不是内部命令，可能是因为环境变量未配置。可以通过将node_modules/.bin目录添加到环境变量中，或者使用npx vue-cli-service serve命令来启动项目（注意：这是要在项目的根目录下启动才可以）。

3. 命令行窗口没有打开项目目录：如果在命令行窗口没有打开vue-cli项目目录，那么输入vue-cli-service serve命令时会提示不是内部命令。可以通过在命令行窗口中进入项目目录后再输入vue-cli-service serve命令来解决问题。