MacOS手把手搭建vue开发系统（100%成功）

一、准备工作

MacbookAir M3芯片、VScode、终端命令行

二、安装HomeBrew

Homebrew 是osx下面最优秀的包管理工具，没有之一。

不建议（挖坑之一）：/usr/bin/ruby -e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

会出现raw.githubusercontent.com找不到问题。

1.推荐命令行 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"下载源下载brew

注意！ 这个地方要注意分清是zsh还是bash，如果是bash，命令行开头换成/bin/bash -c....

2.开源下载源先输入要选择的序号，再输入密码，注意这个时候输入的密码是不会有任何显示的，输完之后enter就可以了。

3.建议下载成功后，直接重启终端，再输入brew -v，会出现版本号。

三、安装nodejs

1.命令行：brew install nodejs

2.输入node -v 和npm -v 确认下载完成。

3.重点：打开环境变量配置文件，配置环境变量（**）

（1）查看npm全局文件安装地址，记住/lib结尾的地址

  (2) 给环境变量配置文件配置环境变量

    1.打开环境变量配置文件

     vim ~/.zshrc 或者 vim ~/.bash_profile（注意区分是zsh还是bash）

     2.进入文件后，输入以下代码配置环境变量

       export PATH=/opt/homebrew/bin/:$PATH  

      注意：bin前面的地址与npm list -g后lib之前地址保持一致，编辑完后输入:wq按回车可保存退出编辑页面。（如果无法编辑，可以输入i，再按回车键，进入编辑模式）

     3.可以再次输入source ~/.zshrc 或者 source ~/.bash_profile 保存配置环境变量文件

4.下载cnpm和npm脚手架

（1）.解决权限不足的问题

      解决办法：更改npm文件的权限。

      1.获取npm的root路径 npm root -g

      2.给npm加权限 sudo chmod -R 777 上一步的地址路径

       回车后，输入系统密码（注意输入的时候无显示，输完直接回车）

  （2）解决SSL证书过期问题

解决办法：关闭npm 严格模式 npm set strict-ssl=false

    （3）下载cnpm 和 npm 脚手架

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

     npm install -g @vue/cli

注意：如果在下载过程中单独下载过node，不是通过homebrew下载的node，可能会出现npm安装重复或者找不到npm，这时候需要对npm清缓存。以下是清除npm所有文件的缓存。