当前位置: 首页 > news >正文

mac电脑通过 npm 安装 @vue/cli脚手架超时问题;

npm 安装 @vue/cli遇到的问题步骤

一、安装 Homebrew

如果你还没有安装 Homebrew,首先需要安装它。Homebrew 是 macOS 上的一款包管理工具,它允许你通过简单的命令行指令安装、更新和卸载软件包。;
1, 打开终端(Terminal)。
2, 运行以下命令来安装 Homebrew(国内用户推荐使用国内镜像源以提高下载速度):

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 

按照屏幕上的指示完成安装。

二、使用 Homebrew 安装 nvm

1,安装完 Homebrew 后,打开终端并运行以下命令来安装 nvm:

brew install nvm

安装完成后,你需要配置环境变量以确保 nvm 可以在新的 shell 会话中正常使用。Homebrew 在安装 nvm 时通常会自动处理部分环境变量的设置,但为了确保 nvm 可以在任何情况下都正常工作,建议手动添加 nvm 的初始化脚本到你的 shell 配置文件中。

三、配置环境变量

1,对于 macOS Mojave 及以后版本(使用 zsh 作为默认 shell)的用户,你需要编辑或创建 ~/.zshrc 文件。
打开或创建 ~/.zshrc 文件:

nano ~/.zshrc

或者,如果文件不存在,则先创建它:

touch ~/.zshrc

2,在文件末尾添加以下内容以加载 nvm:

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

注意:这里的路径可能需要根据你实际的 Homebrew 安装位置进行调整,确保指向正确的 nvm.sh 和 bash_completion.d/nvm 文件。
我的macos nvm 安装位置:

export NVM_DIR="/usr/local/Cellar/nvm/0.40.1"  
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm  
[ -s "$NVM_DIR/etc/bash_completion.d/nvm" ] && \. "$NVM_DIR/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

3,保存并退出编辑器(在 nano 中,按 Ctrl+O 保存,按 Enter 确认文件名,然后按 Ctrl+X 退出)。
4,重新加载 ~/.zshrc 或者: ~/.bash_profile 文件以应用更改:

source ~/.zshrc

四、验证安装

1,运行以下命令以验证 nvm 是否已成功安装:

nvm --version

如果显示 nvm 的版本号,则表示安装成功。
2,你还可以运行以下命令来查看可用的 Node.js 版本列表:

nvm ls-remote

这将列出所有可以安装的 Node.js 版本。
安装指定版本的 Node.js:

nvm install <version>

列出已安装的 Node.js 版本:

nvm list

切换到已安装的某个版本:

nvm use <version>

设置默认版本:

nvm alias default <version>

按照这些步骤,你就应该能够成功地在 macOS 上使用 Homebrew 安装并配置 nvm 了。

五,切换到淘宝的 npm 镜像

1,通过官方仓库安装@vue/cli脚手架经常失败,切换到淘宝镜像;

npm config set registry https://registry.npmmirror.com

切回原仓库方法:

npm config set registry https://registry.npmjs.org/

2,验证设置:你可以使用以下命令来验证是否设置成功:

npm config get registry

3,安装完脚手架后验证是否成功;

vue --version
http://www.lryc.cn/news/472067.html

相关文章:

  • 【52 机器学习 | 基于KNN近邻和随机森林模型对用户转化进行分析与预测】
  • 【Linux】Zookeeper 部署
  • 配置mysql 主主模式 GTID
  • 推荐一款多显示器屏幕亮度调节工具:Twinkle Tray
  • 第十一章 Shiro会话管理和加密
  • DDR4单个DQ仿真实战(一)
  • Android Studio插件版本与Gradle 版本对应关系
  • Uni-App-01
  • Java版本鸿鹄工程项目管理系统源码概述
  • 基于echarts、php、Mysql开发的数据可视化大屏
  • Me-and-My-Girlfriend-1
  • R语言实现GWAS meta分析(1)
  • Kafka-代码示例
  • LLVM - 编译器前端-llvm 基本块、指令、函数 的关系
  • 探索人工智能在自然语言处理中的应用
  • IFC模型文本的含义
  • 构建高效评奖系统:SpringBoot在教育领域的应用
  • 「二叉树进阶题解:构建、遍历与结构转化全解析」
  • 在使用代理IP时,需要注意以下几点:
  • 深入理解Java基础概念的高级应用(1/5)
  • 高可用HA软件
  • 《近似线性可分支持向量机的原理推导》 拉格朗日函数 公式解析
  • 9.指针和字符串string类型
  • 八,Linux基础环境搭建(CentOS7)- 安装Mysql和Hive
  • 海量数据面试题
  • 基于SSM积分商城管理系统的设计与实现(源码+lw+部署文档+讲解等)
  • MLP预售开启,革新去中心化通信生态:智能手机与AI Agent齐上阵
  • js获取浏览器指纹
  • 乐尚代驾的项目问题
  • uniapp app.onshow 和 onMounted一样用吗