Mac arm架构使用 Yarn 全局安装 Vue CLI

丁总学Java2025-02-21 15:10

shell 复制代码

dgq@dgqdeMacBook-Pro spid-admin % vue --version
zsh: command not found: vue

要使用 Yarn 安装 Vue CLI，你可以执行以下命令：

bash 复制代码

yarn global add @vue/cli

这个命令会全局安装 Vue CLI，让你可以使用 vue 命令创建、管理 Vue.js 项目。以下是一些补充说明：

全局安装 ：global 标志表示这个包会被安装到全局环境，这样你可以在任何目录下使用 vue 命令。
可能需要权限 ：如果你在安装时遇到权限问题，可能需要使用 sudo（在 macOS 或 Linux 上）或以管理员身份运行命令提示符（在 Windows 上）。
更新：如果将来需要更新 Vue CLI，你可以使用：
bash 复制代码
```
yarn global upgrade --latest @vue/cli
```

路径问题：有时全局安装的包可能不在你的 PATH 中。确保你的系统环境变量包含了 Yarn 的全局包安装路径。可以通过以下命令查看：

bash 复制代码

yarn global bin

shell 复制代码

dgq@dgqdeMacBook-Pro spid-admin % yarn global bin
/Users/dgq/.yarn/bin

~/.zshrc

shell 复制代码

export PATH="/Users/dgq/.yarn/bin:$PATH"


#THIS MUST BE AT THE END OF THE FILE FOR SDKMAN TO WORK!!!
export SDKMAN_DIR="/Users/dgq/.sdkman"
[[ -s "/Users/dgq/.sdkman/bin/sdkman-init.sh" ]] && source "/Users/dgq/.sdkman/bin/sdkman-init.sh"

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

shell 复制代码

source ~/.zshrc

检查安装：安装完成后，你可以通过运行以下命令来检查是否安装成功：
bash 复制代码
```
vue --version
```
shell 复制代码
```
dgq@dgqdeMacBook-Pro spid-admin % vue --version  
@vue/cli 5.0.8
```
如果路径不在你的环境变量中，你可能需要手动添加这个路径到你的 PATH 变量中。

安装之后，你就可以使用 Vue CLI 来创建新项目、添加插件、构建应用等。记住，首次运行 Vue CLI 命令可能会提示你安装额外的依赖或更新，请根据提示操作。