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安装成功！
或者，你可以直接使用npm install安装也是可以的

引用

2022年了，你还没用pnpm吗？
如何升级nodejs版本
npm install报错，尝试各种办法最后发现是node版本不对应