Mac安装开发环境-前端篇

AwbeciAwbeci -
Mac安装开发环境-前端篇
引言

最近新买了台macbook pro电脑,于是马上搭建起自己的前端开发环境,写这篇文章的目的是记录过程分享给大家。

操作

1、安装nodejs
到官网上面下载安装即可
image.png

查看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版本)
image.png
到项目下安装

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版本不对应

特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。

Tags 标签

macos前端node.js

扩展阅读

加个好友,技术交流

1628738909466805.jpg