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

相关推荐
有一个好名字19 分钟前
Agent Loop —— 一切从那个 while 循环开始
前端·javascript·chrome
一天睡25小时20 分钟前
Claude Code 指令入门教程
前端
EF@蛐蛐堂21 分钟前
【js】浏览器滚动条优化组件OverlayScrollbars
开发语言·javascript·ecmascript
yingyima37 分钟前
正则表达式实战:从日志中精准提取关键字段
前端
TeamDev1 小时前
如何在 DotNetBrowser 中使用本地 AI 模型
前端·后端·.net
谢尔登1 小时前
10_从 React Hooks 本质看 useState
前端·ubuntu·react.js
辰同学ovo1 小时前
从全局登录状态管理学习 Redux
前端·javascript·学习·react.js
爱看书的小沐1 小时前
【小沐杂货铺】基于Three.js绘制三维艺术画廊3DArtGallery (Three.js,WebGL)
javascript·3d·webgl·three.js·babylon.js·三维画廊
陈随易1 小时前
2年没用Nodejs了,Bun很香
前端·后端·程序员
donecoding2 小时前
Corepack 完全解析:从懵到懂,包管理器自由了
前端·node.js·前端工程化