Mac 下 Vue 环境搭建

使用以下前置环境

• shell: zsh （Mac 下命令行工具 Mac OS Big Sur 默认 终端为 zsh）
• OS: macOS Big Sur, 版本 11.5.2（20G95）
  废话少说开始主题Mac 下搭建 Vue 环境，首先打开终端。

1. 安装HomeBrew

第一步使用如下命令安装 HomeBrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

检查 brew 是否安装成功使用如下命令：

brew -v

显示如下则安装 brew 成功, 我本机版本为 3.2.14

image.png

2. 安装 node

在终端中运行以下命令：

brew install nodejs

检查 node.js 是否安装成功使用如下命令：

node -v

显示如下则安装 node.js 成功, 我本机版本为 v16.10.0

image.png

3. 使用淘宝 node 源替换 node 自带的源

由于 node 自带的源比较慢所以使用阿里的镜像源, 使用如下命令添加 node 淘宝源

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用如下命令查看淘宝源是否替换成功

cnpm -v 

输出以下则代表成功：

image.png

安装 vue

使用如下命令安装指定版本的 vue，我这是安装的 3.0.1， 如果你们需要安装其它版本替换该版本号即可。

cnpm install -g @vue/cli@3.0.1

使用 如下命令如输出 vue 版本号即代表安装成功

vue --version