Mac上Node环境配置

公司配备Mac笔记本,以前没用过mac开发项目,一开始依然是从node官网下载安装包,后来领导说最好是用brew安装软件,这样比较方便,安装和卸载,只要在命令行输入相应的 install 和 uninstall 就行。

以前没有接触过brew,第一次知道这种东西,故记录如下:

1. 安装HomeBrew

HomeBrew是MacOS上的包管理器,用于安装系统上没有预装的东西。

官网:https://brew.sh/index_zh-cn.html

打开终端,输入以下命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew安装时间比较长,慢慢等待。

 

待brew安装完毕之后,输入以下命令查看brew是否安装成功:

brew -v

若安装成功,如下图:

2、Mac下安装nvm

用 brew 安装 node,在终端输入以下命令:

brew install node 

个人网速比较慢,安装时间比较长。下载了一夜,Mac本锁屏为黑屏的时候就不下载了,第二天一早起来,看到就没什么进展,继续等待,等到 terminali 到初始状态,试着 查看node版本,输入 node -v 发现没有安装上。

继续上网搜,参考了以下网址的文章《一篇文章了解Mac上node环境配置》:

https://segmentfault.com/a/1190000015416829

和 《mac下homebrew下载安装和node下载安装环境》https://blog.csdn.net/qq_38313184/article/details/80320629

看过之后,继续装 nvm (虽然暂时没用过这个,也不了解,后续待了解)。

打开https://github.com/creationix/nvm。在下面的简介中找到install这几个字,然后继续往下找,直到找到

复制这些字,到Mac的terminal中,就会安装nvm,安装完成后,还暂时不能用,需要复制它提示的两行代码(就是下图拿箭头标出来的两行代码)来配置环境变量:

 

若没有配置环境变量,输入nvm会显示nvm:command not found,配置环境变量后,输入nvm会显示Node Version Manager,表示安装成功.

 3、安装node

nvm 是 Mac 下的 node 管理工具,有点类似管理 Ruby 的 rvm

nvm安装好之后,一定要把命令行窗口关闭,再打开,或者直接打开一个新的命令行窗口,进行后续操作。

nvm ls-remote

 nvm ls-remote 会列出所有可用的 Nodejs 版本,如果输出中看到很多很多个版本号,就表示 nvm 安装好了。最后一个版本号就是当前最新的 Nodejs 版本,我这里是 v11.0.0 。

下面使用nvm来安装node,命令依次如下:

nvm ls-remote // 查看当前提供node版本号
nvm install v8.11.3 // 我选择了stable版本
node -v // 安装完成后就可以查看node和npm的版本了 npm -v

nvm和n的区别

n: 全局安装的npm package。使用npm install -g n安装,与node循环依赖。
nvm: 独立的软件包,不依赖node。

nvm有几点比n强:

  • 对于全局模块,n对于全局模块没有办法控制,但是nvm中,node的不同版本的全局模块是存放在各自版本沙箱的。不同版本间不会有冲突
  • 从理解角度,nvm不与node依赖,所以更好理解。
  • 不需要先装node

当然,n能支持windows,使用也并不比nvm复杂,选择哪个都可以。


踩坑经历:

坑1:brew装nvm,重启终端后nvm失效。 

但是用brew安装nvm有个bug,安装时缺少了nvm.sh,这会导致每次重启终端,nvm命令就失效了,所以我们要每次运行下面的命令:

// 复制下面的代码到终端并运行
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

好了,现在nvm命令已经能被识别了,但是每次重启终端都要运行无疑是很复杂的,所以要在~/.zshrc中配置一下,保证每次重启时,系统都能帮我们做一步。

在~/.zshrc中添加上面的两行内容即可

 

坑1的解决办法二:

不推荐用brew安装nvm
这里说curl安装

打开终端键入:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

 

执行curl后回终端回输出下面这段代码,我们拷贝下来

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm


配置环境变量(无 .bash_profile)

添加 .bash_profile在终端键入

touch .bash_profile


打开 .bash_profile在终端键入

open -e .bash_profile

在 .basn_profile中输入刚刚拷贝的两行代码
运行配置文件,在终端键入

source ~/.bash_profile

ok查看配置路径,在终端键入

$PATH

 

坑2:终端重启后,通过nvm安装的node 和 npm都失效了。

按照坑1中的方法再来一次。

 

转载于:https://www.cnblogs.com/smile-fanyin/p/10699544.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值