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

相关推荐
大数据追光猿12 分钟前
Python中的Flask深入认知&搭建前端页面?
前端·css·python·前端框架·flask·html5
莫忘初心丶15 分钟前
python flask 使用教程 快速搭建一个 Web 应用
前端·python·flask
横冲直撞de1 小时前
前端接收后端19位数字参数,精度丢失的问题
前端
我是哈哈hh1 小时前
【JavaScript进阶】作用域&解构&箭头函数
开发语言·前端·javascript·html
摸鱼大侠想挣钱1 小时前
ActiveX控件
前端
谢尔登1 小时前
Vue 和 React 响应式的区别
前端·vue.js·react.js
酷酷的阿云1 小时前
Vue3性能优化必杀技:useDebounce+useThrottle+useLazyLoad深度剖析
前端·javascript·vue.js
神明木佑1 小时前
HTML 新手易犯的标签属性设置错误
前端·css·html
老友@1 小时前
OnlyOffice:前端编辑器与后端API实现高效办公
前端·后端·websocket·编辑器·onlyoffice
bin91531 小时前
DeepSeek 助力 Vue 开发:打造丝滑的缩略图列表(Thumbnail List)
前端·javascript·vue.js·ecmascript·deepseek