美文网首页
yarn全局安装@vue/cli,无法执行 vue 初始化项目的

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

作者: 梁坤同学 | 来源:发表于2019-10-17 21:30 被阅读0次

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

    • 首先使用 npm 全局安装 @vue/cli 脚手架,可能是因为被墙总是下载失败,改用淘宝镜像 cnpm 进行下载,每次下载到最后一个模块就会报错,然后下载失败,改用 yarn 进行下载,可以成功安装,但是无法执行 vue 的命令。
    • 重复使用 yarn 卸载和安装几次之后,确定是正确安装成功的,但是无法执行 vue 的命令。
    • 开始查找问题,首先找到 npm 的全局安装包的位置,查看 vue 是否存在。既然 vue 的命令都不能执行,那么 vue 肯定不会存在于此目录下。
      • npm 全局安装包的位置为 C:\Users\admin\AppData\Roaming\npm

        npm全局安装路径
      • 我的 vue-cli 是使用 yarn 成功安装的,考虑到 yarn 全局安装的位置与 npm 或者 cnpm 的安装位置可能不同,因此执行 yarn global dir 查看 yarn 的全局安装的路径

      • 查看 npm 和 yarn 全局安装路径下的内容,在 npm 全局安装路径下找到了之前全局安装的、并且可执行的包,在 yarn 的全局安装路径下找到了 vue 的包,因此感觉命令行去执行命令的时候只知道 npm 的全局安装包的路径,并不知道 yarn 的全局安装包的路径。

      • 查看系统环境变量中的用户变量中的 Path,果然在用户变量中只有 npm 的路径,并没有 yarn 的路径,在 Path 中添加 yarn 的路径,vue 的命令就可以执行了。


        系统环境变量

    相关文章

      网友评论

          本文标题:yarn全局安装@vue/cli,无法执行 vue 初始化项目的

          本文链接:https://www.haomeiwen.com/subject/khqbmctx.html