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

相关推荐
Byron070719 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
css趣多多20 小时前
地图快速上手
前端
zhengfei61120 小时前
面向攻击性安全专业人员的一体化浏览器扩展程序[特殊字符]
前端·chrome·safari
码丁_11720 小时前
为什么前端需要做优化?
前端
Mr Xu_20 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构
Byron070721 小时前
从 0 到 1 搭建 Vue 前端工程化体系:提效、提质、降本实战落地
前端·javascript·vue.js
哆啦code梦21 小时前
前端存储三剑客:localStorage、sessionStorage与Cookie解析
前端·前端存储
zhengfei61121 小时前
【AI平台】- 基于大模型的知识库与知识图谱智能体开发平台
vue.js·语言模型·langchain·知识图谱·多分类
徐小夕@趣谈前端21 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
Data_Journal21 小时前
如何使用 Python 解析 JSON 数据
大数据·开发语言·前端·数据库·人工智能·php