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

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 命令可能会提示你安装额外的依赖或更新,请根据提示操作。

相关推荐
前端大波6 分钟前
Web Vitals 与前端性能监控实战
前端·javascript
于先生吖24 分钟前
SpringBoot+Vue 前后端分离短剧漫剧系统开发实战
vue.js·spring boot·后端
AlienZHOU39 分钟前
从零开始,跟着写一个产品级 Coding Agent
前端
RichardZhiLi42 分钟前
大前端全栈实践课程:章节二(前端工程化建设)
前端
毕设源码-赖学姐1 小时前
【开题答辩全过程】以 基于VUE的环保网站设计为例,包含答辩的问题和答案
前端·javascript·vue.js
ZTrainWilliams1 小时前
swagger-mcp-toolkit 让 AI编辑器 更快“读懂并调用”你的接口
前端·后端·mcp
伊步沁心1 小时前
深入 useEffect:为什么 cleanup 总比 setup 先跑?顺手手写节流防抖 Hook
前端
小J听不清1 小时前
CSS 字体样式全解析:字体类型 / 大小 / 粗细 / 样式
前端·javascript·css·html·css3
500佰1 小时前
pencil on claude 让设计师和程序员少吵架的一种可能
前端