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

相关推荐
qdprobot几秒前
Mixly米思齐1.0 2.0 3.0 软件windows版本MAC苹果电脑系统安装使用常见问题与解决
windows·macos
麦克Mapp1 分钟前
不用安装双系统,如何在mac上玩windows游戏呢?
macos
符小易4 分钟前
Mac苹果电脑 怎么用word文档和Excel表格?
macos·word·excel
m0_7482299915 分钟前
从零到上线:Node.js 项目的完整部署流程(包含 Docker 和 CICD)
docker·容器·node.js
yqcoder25 分钟前
node.js 文件操作
node.js
智界工具库34 分钟前
【探索前端技术之 React Three.js—— 简单的人脸动捕与 3D 模型表情同步应用】
前端·javascript·react.js
独泪了无痕41 分钟前
研究 Day.js 及其在 Vue3 和 Vue 框架中的应用详解
前端·vue.js·element
努力搬砖的程序媛儿1 小时前
uniapp悬浮可拖拽按钮
java·前端·uni-app
浪浪山小白兔1 小时前
HTML 表单和输入标签详解
前端·html
helianying551 小时前
AI赋能零售:ScriptEcho如何提升效率,优化用户体验
前端·人工智能·ux·零售