企业网站导航设计企业营销型网站

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