全局安装 @vue/cli,无法执行 vue 初始化项目的命令

  • 首先使用 npm 全局安装 @vue/cli 脚手架,可能是因为被墙总是下载失败,改用淘宝镜像 cnpm 进行下载,每次下载到最后一个模块就会报错,然后下载失败,改用 yarn 进行下载,可以成功安装,但是无法执行 vue 的命令。
  • 重复使用 yarn 卸载和安装几次之后,确定是正确安装成功的,但是无法执行 vue 的命令。
  • 开始查找问题,首先找到 npm 的全局安装包的位置,查看 vue 是否存在。既然 vue 的命令都不能执行,那么 vue 肯定不会存在于此目录下。
    • npm 全局安装包的位置为 C:\Users\liangkun\AppData\Roaming\npm
      npm全局安装路径
    • 我的 vue-cli 是使用 yarn 成功安装的,考虑到 yarn 全局安装的位置与 npm 或者 cnpm 的安装位置可能不同,因此执行 yarn global dir 查看 yarn 的全局安装的路径
      • yarn 全局安装报的位置为 C:\Users\liangkun\AppData\Local\Yarn\bin
        yarn全局安装路径
    • 查看 npm 和 yarn 全局安装路径下的内容,在 npm 全局安装路径下找到了之前全局安装的、并且可执行的包,在 yarn 的全局安装路径下找到了 vue 的包,因此感觉命令行去执行命令的时候只知道 npm 的全局安装包的路径,并不知道 yarn 的全局安装包的路径。
    • 查看系统环境变量中的用户变量中的 Path,果然在用户变量中只有 npm 的路径,并没有 yarn 的路径,在 Path 中添加 yarn 的路径,vue 的命令就可以执行了。
      系统环境变量
Logo

前往低代码交流专区

更多推荐