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

相关推荐
kovli1 分钟前
红宝书第十七讲:通俗详解JavaScript的Promise与链式调用
前端·javascript
lilye662 分钟前
精益数据分析(19/126):走出数据误区,拥抱创业愿景
前端·人工智能·数据分析
李是啥也不会8 分钟前
Vue中Axios实战指南:高效网络请求的艺术
前端·javascript·vue.js
xiaoliang12 分钟前
《DNS优化真经》
前端
一只小海獭15 分钟前
了解uno.config.ts文件的配置项---转化器
前端
贾公子18 分钟前
MySQL数据库基础 === 约束
前端·javascript
代码不行的搬运工19 分钟前
HTML快速入门-4:HTML <meta> 标签属性详解
java·前端·html
Chrome深度玩家26 分钟前
如何下载Google Chrome适用于AI语音交互的特制版
前端·人工智能·chrome
JavaDog程序狗30 分钟前
【实操】uniapp纯前端搞个识别植物花草小程序
前端·vue.js·uni-app
贾公子31 分钟前
element ui & plus 版本 日期时间选择器的差异
前端·javascript