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

npm 安装 @vue/cli碰到的题目步调

一、安装 Homebrew

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

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

复制代码

按照屏幕上的指示完成安装。
二、使用 Homebrew 安装 nvm

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

1. brew install nvm

复制代码

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

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

1. nano ~/.zshrc

复制代码

大概，如果文件不存在，则先创建它：

1. touch ~/.zshrc

复制代码

2，在文件末尾添加以下内容以加载 nvm：

1. export NVM_DIR="$HOME/.nvm"  
2. [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm  
3. [ -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 安装位置：

1. export NVM_DIR="/usr/local/Cellar/nvm/0.40.1"  
2. [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm  
3. [ -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 文件以应用更改：

1. source ~/.zshrc

复制代码

四、验证安装

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

1. nvm --version

复制代码

如果显示 nvm 的版本号，则表现安装乐成。
2,你还可以运行以下命令来检察可用的 Node.js 版本列表：

1. nvm ls-remote

复制代码

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

1. nvm install <version>

复制代码

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

1. nvm list

复制代码

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

1. nvm use <version>

复制代码

设置默认版本：

1. nvm alias default <version>

复制代码

按照这些步调，你就应该能够乐成地在 macOS 上使用 Homebrew 安装并配置 nvm 了。
五，切换到淘宝的 npm 镜像

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

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

复制代码

切回原仓库方法：

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

复制代码

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

1. npm config get registry

复制代码

六、安装Vue的脚手架，你可以按照以下步调进行操作：

一、安装Node.js和npm

1，下载Node.js：前往Node.js官网，根据你的操作体系选择合适的版本进行下载。推荐下载LTS（恒久支持版）版本，因为它经过了更广泛的测试，具有更高的稳定性。
2，安装Node.js：
双击下载的安装包，按照提示完成安装。安装过程中，Node.js会主动安装npm（Node Package Manager），这是Node.js的包管理器，用于安装和管理项目依赖。
3，验证安装：
打开命令行工具（如命令提示符或终端），输入以下命令检察版本号，确保安装乐成：

1. node -v
2. npm -v

复制代码

二、安装Vue CLI

1，在命令行工具中运行以下命令来安装Vue CLI：

1. npm install -g @vue/cli

复制代码

这个命令会在你的体系中全局安装Vue CLI，使你能够在任何位置使用vue命令。
2，验证安装：
安装完脚手架后验证是否乐成；输入以下命令检察Vue CLI的版本号，确保安装乐成：

1. vue --version

复制代码

三、创建一个新的Vue项目

1，初始化项目：
选择一个目次作为你的项目地点位置，然后在命令行工具中运行以下命令来创建一个新的Vue项目。你可以将“my-project”替换为你的项目名称：

1. vue create my-project

复制代码

Vue CLI会提示你选择预设配置。你可以选择默认（default）预设，也可以手动选择特定的配置选项，如Babel、TypeScript、Vue Router、Vuex、CSS预处理器等。
2，等候项目创建：
Vue CLI会主动为你安装项目所需的依赖包。这可能需要几分钟时间，具体取决于你的网络速度。
3，大概可以选择通过控制台命令行，图形化界面情势创建

1. vue ui

复制代码

四、运行和检察项目

1，进入项目目次：
安装完成后，进入你的项目目次：

1. cd my-project

复制代码

2，启动开发服务器：
运行以下命令启动Vue开发服务器：

1. npm run serve

复制代码

默认情况下，开发服务器会在本地的8080端口运行。
3，检察项目：
打开浏览器，输入以下地点检察你的Vue项目：

1. http://localhost:8080

复制代码

通过以上步调，你就可以乐成安装Vue脚手架并创建一个新的Vue项目了。Vue脚手架是一个强大的工具，它可以帮助你快速构建Vue项目，并主动安装和配置所需的插件和依赖。在开发过程中，你还可以使用Vue CLI提供的各种命令和功能来优化和构建你的项目。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。