Mac安裝開發環境-前端篇

引言

最近新買了臺macbook pro電腦，於是馬上搭建起自己的前端開發環境，寫這篇文章的目的是記錄過程分享給大家。

操作

1、安裝nodejs
到官網上面下載安裝即可

檢視node和npm版本

node -v
npm -v

2、配置阿里映象
安裝好之後，我們配置一下加速映象地址

npm config set registry https://registry.npmmirror.com/

3、安裝n
n可以安裝和切換不同版本的nodejs

安裝：

npm install -g n

檢視當前版本：

n

切換：

sudo n 18.14.2

4、安裝pnpm
pnpm是新一代nodejs包管理器

npm install -g pnpm
pnpm -v

5、安裝yarn

npm install -g yarn
yarn config set registry https://registry.npmmirror.com/

6、安裝node-sass（針對nodejs14版本和node-sass4.14版本）

到專案下安裝

npm install node-sass

總結

1、注意nodejs和node-sass低版本和高版本的對應關係
2、一開始我使用pnpm在專案下執行pnpm install安裝過程中一直卡在node-sass安裝中，一會報沒python命令，一會報安裝失敗，最後直接使用npm install node-sass安裝成功！

引用

2022年了，你還沒用pnpm嗎？
如何升級nodejs版本
npm install報錯，嘗試各種辦法最後發現是node版本不對應