解决措施：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件 唐文疏 · 2023-05-28 03:09:03 发布

要解决 "vue-cli-service" 不是内部或外部命令的问题，您需要确保已安装并正确配置了 Vue CLI。这里有几个步骤可以帮助您解决问题：

### 步骤 1: 安装 Vue CLI

如果您尚未安装 Vue CLI，可以通过 Node.js 包管理器（npm 或 yarn）来安装它。

#### 使用 npm:

# 更新 npm 到最新版本
npm install -g npm

# 安装 Vue CLI
npm install -g @vue/cli

#### 使用 yarn:

# 更新 yarn 到最新版本
yarn global add yarn

# 安装 Vue CLI
yarn global add @vue/cli

### 步骤 2: 检查 Vue CLI 是否成功安装

通过执行 `vue --version` 来确认 Vue CLI 已经成功安装以及其版本信息。

vue --version

如果安装成功，会显示 Vue CLI 的版本号；若未找到 `vue` 命令，则说明可能未正确安装或路径设置不正确。

### 步骤 3: 添加全局命令到环境变量 PATH

确保 Vue CLI 被添加到了系统的环境变量 PATH 中。这通常是在全局安装 Vue CLI 后自动完成的。但如果你在不同的目录下安装了 Vue CLI，需要手动将对应的 bin 目录添加到环境变量 PATH 中。

#### Windows 用户可以按照以下步骤操作：

1. 打开“系统属性” > “高级” > “环境变量”。
2. 在“系统变量”区域里找到“Path”，点击编辑按钮。
3. 添加 Vue CLI 的 bin 目录到 Path 变量中。例如，对于默认的全局安装，路径可能是 `C:\Users\[YourUsername]\AppData\Roaming\npm\node_modules\@vue\cli\bin`。

#### Linux 和 macOS 用户可以修改 `.bashrc`, `.bash_profile`, 或者 `.profile` 文件以加入以下内容（具体取决于您的 shell 和操作系统）：

export PATH="$PATH:/path/to/vue/bin"

替换 `/path/to/vue/bin` 为您实际的 Vue CLI bin 目录位置。

### 步骤 4: 重新启动终端

关闭当前打开的所有终端窗口并重新开启一个新的终端窗口，以便新的环境变量生效。

---

**相关问题**:

1. 如果已经尝试了以上步骤但仍然无法运行 `vue` 命令，可能是环境变量没有正确更新或存在其他冲突导致的。您可以尝试重新设置环境变量或使用虚拟环境避免冲突。
2. 在哪些情况下 Vue CLI 可能不会自动添加到环境变量 PATH 中？通常当从非全局路径安装时可能会遇到此问题。
3. 对于不同操作系统（如 Windows, macOS, Linux），Vue CLI 的安装和 PATH 设置有何差异？