多种方式解决 Windows CMD 中 vue-cli-service 不是内部或外部命令

前提

已安装 Vue 脚手架

npm install -g @vue/cli

现象

找不到 vue-cli-service 命令

'vue-cli-service' is not recognized as an internal or external command, operable program or batch file.

经过搜索，发现这个问题只在 Windows 下存在。

装了脚手架应该会在 node 目录产生 vue-cli-service.cmd 的文件，实际没有产生，不过在全局 node_modules 下是有的。

有说清理 node_modules 重新安装可以解决的，试了不管用，全局卸载脚手架重新安装也不管用，就算管用也比较麻烦，于是我找到了几个间接使用方法——

方法1 - npm run

在 package.json 中配置启动命令

package.json

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

然后使用 npm run serve 来代替 vue-cli-service serve

方法2 - npx

命令前加 npx，如

npx vue-cli-service serve
npx vue-cli-service test:unit

更多关于 npx 介绍见——https://www.ruanyifeng.com/blog/2019/02/npx.html

方法3 - vue ui

1. 启动图形界面

   vue ui

2. 访问 http://localhost:8000/ 选择项目文件夹，点任务 - 运行