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

全局安装 @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 的全局安装的路径

    • yarn 全局安装报的位置为 C:\Users\admin\AppData\Local\Yarn\bin
      ![yarn全局安装路径(https://upload-images.jianshu.io/upload_images/19417347-888aae02a6c61e40.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

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

    
    
    系统环境变量