VSCode运行Vue,vue : The term 'vue' is not recognized as the name of a cmdlet, function, ......

PS C:\Users\inverter> vue init webpack test
vue : The term 'vue' is not recognized as the name of a cmdlet, function, script
file, or operable program. Check the spelling of the name, or if a path was included,
verify that the path is correct and try again.
At line:1 char:1
+ vue init webpack test
+ ~~~
    + CategoryInfo          : ObjectNotFound: (vue:String) [], CommandNotFoundExcepti
   on
    + FullyQualifiedErrorId : CommandNotFoundException

### 配置 Vue CLI 以避免 'vue 不是内部或外部命令' 错误 当在 Windows 中遇到 `'vue-cli-service' 不是内部或外部命令` 的错误时,通常是由于 Vue CLI 没有正确安装或其路径未被加入到系统的 PATH 环境变量中。以下是详细的解决方法: #### 删除并重新安装依赖项 如果项目中的 `node_modules` 文件夹损坏或丢失某些必要包,则可能导致此问题。可以通过以下操作修复: 1. **删除现有的 `node_modules` 文件夹**(如果有)。 可通过命令行执行以下指令完成: ```bash rm -rf node_modules package-lock.json ``` (注意:对于 Windows 用户,建议使用 PowerShell 并运行 `Remove-Item -Recurse -Force node_modules; Remove-Item package-lock.json`) 2. **重新安装项目的依赖项**。 执行以下命令以下载所需的模块: ```bash npm install ``` 3. 安装完成后,尝试再次启动开发服务器: ```bash npm run serve ``` 上述过程能够有效恢复因缺少依赖而导致的错误[^3]。 #### 全局安装 Vue CLI 工具 另一个常见原因是全局环境中尚未安装 Vue CLI 命令工具。此时需确认是否已安装 `@vue/cli` 或旧版的 `vue-cli` 脚手架工具。可通过以下方式验证和安装: 1. **检查当前版本**: ```bash vue --version ``` 若提示找不到该命令,则说明需要安装它。 2. **安装最新版 Vue CLI**: 使用以下命令将其添加至全局环境: ```bash npm install -g @vue/cli ``` 3. **更新现有版本**(如有必要): 如果已经存在较老版本的 Vue CLI,推荐先卸载再重装新版本: ```bash npm uninstall -g vue-cli npm install -g @vue/cli ``` 4. **验证安装状态**: 再次输入 `vue --version` 来确保安装成功。 #### 修改系统 PATH 环境变量 即使完成了以上步骤,在少数情况下仍可能出现无法识别的情况。这是因为 Node.js 默认不会自动将本地安装的脚本路径添加到操作系统可用范围之内。因此还需要手动调整环境变量设置: 1. 查找 `.bin` 子目录位置——一般位于用户主目录下的 `AppData/Roaming/npm/bin/` 下面; 2. 将找到的具体地址追加进计算机高级属性里的 “Path” 列表之中; 3. 应用更改之后重启终端窗口以便生效。 至此应该彻底解决了关于 `'vue-cli-service' is not recognized as an internal or external command...` 类型的所有潜在隐患[^1]。 ```python print("Vue CLI setup completed successfully.") ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值