最近換了臺(tái)新
Mac，所有的配置和軟件就重新安裝下，順便寫個(gè)文章。
一、環(huán)境配置
1. 安裝 Homebrew
安裝 Homebrew【Mac 安裝 Homebrew】
通過國內(nèi)鏡像安裝會(huì)比較快
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
安裝
Git后再運(yùn)行此腳本，在系統(tǒng)彈窗中點(diǎn)擊“安裝”按鈕點(diǎn)擊安裝按鈕，安裝
Git之后在重新運(yùn)行此命令，即可安裝Homebrew
可以輸入
y繼續(xù)安裝Core、Cask、services
按照提醒進(jìn)行配置即可，最后可以輸入
brew -v查看版本
2. 安裝 Git
-
【
Git地址】 -
-
git -v查看版本
3. 安裝 Nvm
- 安裝
nvm【MacM2芯片安裝nvm】
也是通過 gitee 拉取鏡像安裝
git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`
- 配置
.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
- 【
nvm命令及解釋】
安裝步驟以及展示
4. Node 安裝
- 【
node地址】 -
nvm安裝
安裝 node 版本
5. Nrm 安裝
-
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 |
顯示當(dāng)前源 |
nrm test |
測試源速度 nrm test npmName
|
6. 安裝 Yarn 和 Pnpm
-
npm安裝
7. 安裝 Nginx
- 使用
brew安裝 - 查看
nginx信息
brew info nginx
可以看到 nginx 還未在本地安裝
- 安裝
nginx
brew install nginx
- 可以看到
nginx在M3芯片上和intel芯片位置不一樣，我們可以open打開看下
/opt/homebrew/etc/nginx/servers/. # 位置
open /opt/homebrew/etc/nginx # 打開
-
nginx啟動(dòng)程序路徑，該路徑下的bin/nginx為啟動(dòng)命令
open /opt/homebrew/Cellar/nginx # 打開
- 啟動(dòng)
nginx
直接命令行輸入 nginx，沒有報(bào)錯(cuò)即為啟動(dòng)成功
- 打開瀏覽器驗(yàn)證，訪問
localhost:8080
-
nginx常用命令
| 命令 | 解釋 |
|---|---|
nginx |
啟動(dòng) nginx
|
nginx -s stop |
快速停止命令 |
nginx -s quit |
退出命令 |
nginx -s reload |
重新加載文件 |
nginx -t |
檢查文件 |
可以輸入 nginx -s quit 再刷新剛剛的 8080 頁面看下
二、軟件安裝
1. Xcode 安裝
app Store 安裝即可
2. Python2 安裝
可能有些老項(xiàng)目或者其他，需要
python2版本
M3芯片未安裝Xcode情況
-
【
Python2.7.18 下載】 -
安裝包下載
python-2.7.18-macosx10.9.pkg.zip
點(diǎn)擊上面鏈接進(jìn)行下載，然后安裝即可，打開新的終端頁面輸入 python --version
安裝 Xcode 之后再輸入 python3 --version
3. Chrome 瀏覽器安裝
- 【
Chrome下載】 - 最下面有百度網(wǎng)盤
4. 安裝 Vscode
-
【
Vscode下載】 -
安裝包下載
VSCode-darwin-arm64.zip -
【
VSCODE插件推薦】 -
配置
code .打開項(xiàng)目
- 打開配置
nvm的.zshrc文件 - 添加環(huán)境變量，把
export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"放在文件中即可
open -e ~/.zshrc # 打開文件
source ~/.zshrc # 更新文件
5. 安裝微信小程序開發(fā)工具
【微信開發(fā)者工具下載】
6. 支付寶小程序開發(fā)者工具
【小程序開發(fā)者工具】
三、百度網(wǎng)盤地址
包含：Chrome 瀏覽器、python2.7 安裝包、Vscode 安裝包、微信小程序開發(fā)者工具、支付寶小程序開發(fā)者工具文章來源：http://www.zghlxwxcb.cn/news/detail-763642.html
鏈接: https://pan.baidu.com/s/1-_v6FenWYyN5xJ5pHNwWMw 提取碼: m2m3文章來源地址http://www.zghlxwxcb.cn/news/detail-763642.html
引用
- 【Mac 安裝 Homebrew】
- 【Mac M2 芯片安裝 nvm】
- 【nvm 命令及解釋】
- 【VSCODE 插件推薦】
到了這里，關(guān)于Mac M1/M2/M3 芯片環(huán)境配置以及常用軟件安裝-前端的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
