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

相关推荐
蜚鸣14 分钟前
JavaScript中国手机号校验
前端
秋田君18 分钟前
Electron 安装踩坑实录
前端·javascript·electron
excel20 分钟前
《深入理解单页应用(SPA):原理、实现与SPA/MPA对比全解析》
前端
EndingCoder25 分钟前
构建RESTful API:用户管理示例
linux·javascript·node.js
RoyLin25 分钟前
微任务与宏任务
前端·后端·node.js
IT_陈寒29 分钟前
Redis 性能提升秘籍:这5个被低估的命令让你的QPS飙升200%
前端·人工智能·后端
多看书少吃饭29 分钟前
前端实现抽烟识别:从算法到可视化
前端·算法
2501_9159090630 分钟前
App Store 上架完整流程解析,iOS 应用发布步骤、ipa 文件上传工具、TestFlight 测试与苹果审核经验
android·macos·ios·小程序·uni-app·cocoa·iphone
excel31 分钟前
合并路由与微前端框架的对比解析
前端
2501_9160088933 分钟前
iOS 26 全景揭秘,新界面、功能创新、兼容挑战与各种工具在新版系统中的定位
android·macos·ios·小程序·uni-app·cocoa·iphone