Mac电脑搭建前端项目环境,并适配老项目

1.上一篇文章中,我说到了,node.js中文网下载node 包,根据系统进行选择,然后安装包node即可,对于比较新的项目确实也是适用的,但是老项目就不行了会报错,node版本过高,导致环境不匹配等。

所以按照这样只安装一个node版本的环境 无法适应项目,那么就需要安装node版本管理工具了

起初想安装nvm来作为node管理工具,可是卸载了node ,发现怎么都不成功

操作如下:nvm详解(mac环境nvm安装步骤及踩坑问题)问题显然不够详细,以下问题补充

问题1:翻墙后 执行命令

bash 复制代码
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.39.1/install.sh | bash

后报错如下: curl: (7) Failed to connect to raw.githubusercontent.com 。。。

其实就是 DNS污染

解决方式如下:

(1) 打开 Lookup any IPv4 Address, IPv6 Address, Website, Domain or Subdomain 在搜索框输入我们连接失败的域名,我们这次是 raw.githubusercontent.com进行搜索

结果如下:

​​​​​​​

(2)再终端执行以下命令,找到hosts文件:

bash 复制代码
$ sudo vim /etc/hosts

(3)复制一个hosts文件到桌面,修改后替换原有的 修改如下,追加

这就解决完这个问题啦!

继续重新执行:

bash 复制代码
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.39.1/install.sh | bash

继续报错:新问题了

解决方案通过Mac HomeBrew 安装:(还有很多nvm相关操作可参考:nvm 安装、卸载与使用(详细步骤)​​​​​​​)

bash 复制代码
$ brew install nvm

然后安装成功了 删除一些没用的

接下来就可以通过nvm安装node了

bash 复制代码
$ nvm install node

安装成功了,查看nvm:

bash 复制代码
$ nvm ls

查看node版本:

bash 复制代码
$ nvm -v

安装不同版本的node:(如安装14 适配老版本项目的node版本)

bash 复制代码
$ nvm install 14

安装成功啦:

切换node 14版本:

bash 复制代码
$ nvm use 14

全局安装yarn,更多yarn相关操作安装yarn等​​​​​​​

bash 复制代码
$ npm install --global yarn

然后进入项目 ,环境ok啦!

相关推荐
杉之1 小时前
常见前端GET请求以及对应的Spring后端接收接口写法
java·前端·后端·spring·vue
喝拿铁写前端1 小时前
字段聚类,到底有什么用?——从系统混乱到结构认知的第一步
前端
再学一点就睡1 小时前
大文件上传之切片上传以及开发全流程之前端篇
前端·javascript
木木黄木木2 小时前
html5炫酷图片悬停效果实现详解
前端·html·html5
请来次降维打击!!!3 小时前
优选算法系列(5.位运算)
java·前端·c++·算法
難釋懷3 小时前
JavaScript基础-移动端常见特效
开发语言·前端·javascript
还是鼠鼠4 小时前
Node.js全局生效的中间件
javascript·vscode·中间件·node.js·json·express
自动花钱机4 小时前
WebUI问题总结
前端·javascript·bootstrap·css3·html5
拉不动的猪4 小时前
简单回顾下pc端与mobile端的适配问题
前端·javascript·面试
拉不动的猪4 小时前
刷刷题49(react中几个常见的性能优化问题)
前端·react.js·面试