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啦!

相关推荐
老华带你飞10 分钟前
学生请假管理|基于springboot 学生请假管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·spring
前端不太难26 分钟前
如何给 RN 项目设计「不会失控」的导航分层模型
前端·javascript·架构
用户40993225021230 分钟前
Vue3中v-show如何通过CSS修改display属性控制条件显示?与v-if的应用场景该如何区分?
前端·javascript·vue.js
不会聊天真君64737 分钟前
CSS3(Web前端开发笔记第二期)
前端·笔记·css3
discode42 分钟前
【开源项目技术分享】@host-navs 站导,一个简洁高效的网站链接导航工具站
前端
PieroPC1 小时前
Nicegui 3.4.0 可以缩小组件之间的间距 label botton input textarea
前端
写代码的皮筏艇1 小时前
数组 forEach
前端·javascript
shoubepatien2 小时前
JavaWeb_Web基础
java·开发语言·前端·数据库·intellij-idea