How to solve ' vue - cli - service ' is not recognized as an internal or external command?

当遇到“vue-cli-service”未被识别为内部或外部命令的问题时，通常意味着系统无法在环境变量中找到vue-cli-service命令。这可能是因为Vue CLI没有正确安装，或者其安装路径没有正确添加到系统的环境变量中。以下是解决这个问题的几个步骤：

1. 确认 Vue CLI 已安装

首先，需要确认 Vue CLI 是否已经正确安装在系统中。可以在命令行中输入以下命令来检查 Vue CLI 的版本，以确认其是否安装：

bash
vue --version

如果系统提示“vue”不是内部或外部命令，那么说明 Vue CLI 没有安装或没有正确安装。

2. 安装 Vue CLI

如果发现 Vue CLI 未安装，可以通过 npm 来安装它：

bash
npm install -g @vue/cli

这条命令会全局安装最新版本的 Vue CLI。安装完成后，再次运行 vue --version 确认安装成功。

3. 检查环境变量

如果 Vue CLI 已安装，但是仍然出现命令无法识别的问题，可能是因为 Vue CLI 的安装路径没有被添加到系统的环境变量中。可以按照下面的步骤检查和修改环境变量：

对于 Windows 系统：

• 打开“系统属性”（可以在开始菜单搜索“环境变量”快速访问）
• 点击“高级”标签页，然后点击“环境变量”按钮
• 在系统变量中找到名为 Path 的变量，选择后点击“编辑”
• 确认 npm 的全局安装路径（通常是 C:\Users\<你的用户名>\AppData\Roaming\npm）已被包含在内
• 如果没有，可以手动添加该路径

对于 macOS 或 Linux 系统：

• 打开终端，编辑 .bashrc 或 .zshrc 文件（取决于使用的 shell）

• 确认以下行存在或添加它：

  bash
  export PATH="$PATH:/usr/local/share/npm/bin"

• 保存文件并重新加载配置（使用命令 source ~/.bashrc 或 source ~/.zshrc）

4. 重新启动命令行界面

修改环境变量后，需要重新启动命令行界面（关闭再打开），让变更生效。

5. 测试和验证

最后，再次运行 vue-cli-service 相关命令（如 vue-cli-service serve）来确认问题是否解决。

通过以上步骤，通常可以解决“vue-cli-service”命令未被识别的问题。如果问题依旧存在，可能需要检查其他系统配置或权限问题。