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

简介: Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端最近换了台新 Mac,所有的配置和软件就重新安装下,顺便写个文章。

最近换了台新 Mac,所有的配置和软件就重新安装下,顺便写个文章。

一、环境配置

1. 安装 Homebrew

安装 HomebrewMac 安装 Homebrew

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

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

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


点击安装按钮,安装 Git 之后在重新运行此命令,即可安装 Homebrew

可以输入 y 继续安装 CoreCaskservices

按照提醒进行配置即可,最后可以输入 brew -v 查看版本

2. 安装 Git

  1. Git 地址】
  2. 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 安装
npm install -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. 安装 YarnPnpm

  1. npm 安装

7. 安装 Nginx

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

可以看到 nginx 还未在本地安装

  1. 安装 nginx
brew install nginx

  1. 可以看到 nginxM3 芯片上和 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

引用

目录
相关文章
|
16天前
|
前端开发 Docker 容器
前端 CSS 经典:mac docker 效果
前端 CSS 经典:mac docker 效果
16 0
|
1月前
|
应用服务中间件 Shell nginx
mac m1笔记本docker 安装nginx
mac m1笔记本docker 安装nginx
107 4
|
26天前
|
存储 Java API
Mac安装jadx并配置环境
Mac安装jadx并配置环境
34 0
|
1月前
|
Java Maven
【已解决】MAC安装maven,The JAVA_HOME environment variable is not defined correctly, this environment
【已解决】MAC安装maven,The JAVA_HOME environment variable is not defined correctly, this environment
59 0
|
1月前
|
Linux Docker Python
【docker】Mac M1 构建 x64 linux镜像
【docker】Mac M1 构建 x64 linux镜像
44 0
|
芯片 iOS开发 MacOS
mac 系统安装总结 二,dmg 文件安装
引用:http://bbs.weiphone.com/read-htm-tid-517742.html(附件中要下载的文件请在这个原贴中下载) 提醒:新参考(http://bbs.pcbeta.com/forum.php?mod=viewthread&tid=905168&page=1) 提醒:如果安装成功出五国,请下载MacDrive 在win下把已经安装好的mac盘上的kext文件删除(MacDrive:http://www.cr173.com/soft/13185.html) 09年8月底,苹果正式发布了新一代Mac OS X Snow Leopard操作系统。
1969 0
|
2月前
|
存储 关系型数据库 MySQL
mysql安装教程mac
【4月更文挑战第21天】
105 1
|
2月前
|
安全 Java iOS开发
MAC OS X 硬盘安装详细分解教程
MAC OS X 硬盘安装详细分解教程
147 1
|
2月前
|
编解码 Oracle iOS开发
VirtualBox虚拟机安装Mac OS X Lion系统详解
VirtualBox虚拟机安装Mac OS X Lion系统详解
193 1
|
2月前
|
前端开发 JavaScript 程序员
HBuilderX使用mac打包ios应用提示苹果根证书没有安装
HBuilderX使用mac打包ios应用提示苹果根证书没有安装
42 0