Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端

最近换了台新

Mac

，所有的配置和软件就重新安装下，顺便写个文章。

一、环境配置

1. 安装

Homebrew

安装

Homebrew

【Mac 安装 Homebrew】

通过国内镜像安装会比较快

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

安装

Git

后再运行此脚本，在系统弹窗中点击“安装”按钮

点击安装按钮，安装

Git

之后在重新运行此命令，即可安装

Homebrew

可以输入

y

继续安装

Core

、

Cask

、

services

按照提醒进行配置即可，最后可以输入

brew -v

查看版本

2. 安装

Git

1. 【Git 地址】
2. 
3. git -v 查看版本

3. 安装

Nvm

1. 安装 nvm 【Mac M2 芯片安装 nvm】

也是通过

gitee

拉取镜像安装

git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

1. 配置 .zshrc 文件

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

1. 【nvm 命令及解释】

安装步骤以及展示

4.

Node

安装

1. 【node 地址】
2. nvm 安装

安装

node

版本

5.

Nrm

安装

1. npm 安装

npminstall-g nrm

命令解释

nrm --version

查看版本

nrm ls

列出所有源， * 表示正在使用的源

nrm use npm

切换源

nrm add <registry> <url>

添加源

nrm add npmName http://npm.company.com/

nrm del <registry>

删除源

nrm delete npmName

nrm current

显示当前源

nrm test

测试源速度

nrm test npmName

6. 安装

Yarn

和

Pnpm

1. npm 安装

7. 安装

Nginx

1. 使用 brew 安装
2. 查看 nginx 信息

brew info nginx

可以看到

nginx

还未在本地安装

1. 安装 nginx

brew install nginx

1. 可以看到 nginx 在 M3 芯片上和 intel 芯片位置不一样，我们可以 open 打开看下

/opt/homebrew/etc/nginx/servers/. # 位置open /opt/homebrew/etc/nginx # 打开

1. nginx 启动程序路径，该路径下的 bin/nginx 为启动命令

open /opt/homebrew/Cellar/nginx # 打开

1. 启动 nginx

直接命令行输入

nginx

，没有报错即为启动成功

1. 打开浏览器验证，访问 localhost:8080

1. nginx 常用命令
   命令解释

   nginx
   

   启动

   nginx
   

nginx -s stop

快速停止命令

nginx -s quit

退出命令

nginx -s reload

重新加载文件

nginx -t

检查文件
可以输入

nginx -s quit

再刷新刚刚的

8080

页面看下

二、软件安装

1.

Xcode

安装

app Store

安装即可

2.

Python2

安装

可能有些老项目或者其他，需要

python2

版本

M3

芯片未安装

Xcode

情况

1. 【Python 2.7.18 下载】
2. 安装包下载 python-2.7.18-macosx10.9.pkg.zip

点击上面链接进行下载，然后安装即可，打开新的终端页面输入

python --version

安装 Xcode 之后再输入 python3 --version

3.

Chrome

浏览器安装

1. 【Chrome 下载】
2. 最下面有百度网盘

4. 安装

Vscode

1. 【Vscode 下载】
2. 安装包下载 VSCode-darwin-arm64.zip
3. 【VSCODE 插件推荐】
4. 配置 code . 打开项目

• 打开配置 nvm 的 .zshrc 文件
• 添加环境变量，把 export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin" 放在文件中即可

open-e  ~/.zshrc # 打开文件source ~/.zshrc # 更新文件

5. 安装微信小程序开发工具

【微信开发者工具下载】

6. 支付宝小程序开发者工具

【小程序开发者工具】

三、百度网盘地址

包含：

Chrome

浏览器、

python2.7

安装包、

Vscode

安装包、微信小程序开发者工具、支付宝小程序开发者工具

链接: https://pan.baidu.com/s/1-_v6FenWYyN5xJ5pHNwWMw 提取码:

m2m3

引用

• 【Mac 安装 Homebrew】
• 【Mac M2 芯片安装 nvm】
• 【nvm 命令及解释】
• 【VSCODE 插件推荐】