MAC OS用户必看！5分钟学会部署vue脚手架的秘诀！

最近一直在折腾Vue项目的NAS部署，但总是有各种问题，所以感觉万丈高楼平地起，还是先把VUE项目在本地电脑上调试好，然后再折腾到NAS上。因为以前电脑用的是WIN系统，现在是MacOS系统，所以下面与所有MacOS用户想玩Vue的值友们共勉搭建笔记：

1、 安装Homebrew

终端下运行命令：

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

2、 安装 node.js

为了避免使用brew命令经常出错的情况，所以采用手动安装　

下载地址：https://nodejs.org/en/download/ （选择mac os）

确认node是否安装成功。

node -v

3、 获取nodejs模块安装目录访问权限 （必须执行）

sudo chmod -R 777 /usr/local/lib/node_modules/

输入密码

4、安装cnpm镜像源

npm install -g cnpm --registry=https://registry.npmmirror.com

5、安装webpack

sudo cnpm install webpack -g

6、安装vue脚手架 vue-cli

选择终端命令全局安装

sudo cnpm install -g vue-cli

7、创建一个Vue项目

首先，选择一个区域创建一个 Mac_vue 工作空间文件夹，用于统一存放 Vue 项目，然后打开命令行，执行如下命令，进入到该文件夹中

cd /Users/imac/Documents/files/files/Mac_vue

接着，执行创建 Vue 项目命令：

npm create vue@latest

最后，启动项目：

npm run dev

或

cnpm run dev

项目启动成功后，命令行会给出在浏览器中查看项目效果的地址

http://localhost:5173 （或其它端口）

此时项目就搭建成功了，就可以调试你想要调试的Vue项目了。