前端开发：正确安装 nvm 的方法（非常详细）

前言

关于 Mac 电脑安装 nvm 来管理 node 的方法，网上的一些无良教程根本没有仔细讲解，千篇一律，导致不熟悉安装流程的新手会走很多弯路，在安装 nvm 的时候各种报错，浪费了太多时间，比如网上的教程都没有详细讲解查看配置文件 .bash_profile 的问题，那么本篇博文就来详细的讲解一下 Mac 电脑怎么成功安装 nvm 的，方便有需要的人员来查阅使用。

首先要注意一点，想要在 Mac 电脑上面安装 nvm 来管理 npm，要保证 Mac 电脑上面没有安装 node 或者要提前卸载现有已安装的 node 版本，如果不提前清理 Mac 电脑上面的 node 版本会造成 nvm 安装失败，一定要注意，Mac 电脑上面卸载已经安装的 node 版本的正确方式会另外写一篇专门的博客来讲解，之所以要把 Mac 电脑卸载 node 的步骤单独拿出来写的原因就是因为如果不能干净利落的删除 Mac 电脑的 node 会引起一些不可预见的错误，敬请期待吧。

安装步骤

安装 nvm 的大概步骤和网上的教程都差不多，主要是一些需要注意的地方没有详细讲解，Mac 电脑安装 nvm 的具体步骤如下所示：

1、安装 nvm

打开 Mac 电脑终端，然后再终端里面输入命令行：curl -o- raw.githubusercontent.com/creationix/… | bash  回车，进行安装

运行上面命令之后，会默认在 Mac 电脑的用户文件夹里面生成一个以.nvm 命名的隐藏文件，具体的查看方法如下所示：

①显示隐藏文件的命令行：defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder

②隐藏隐藏文件的命令行：defaults write com.apple.finder AppleShowAllFiles No && killall Finder

上述两个命令行都是直接在 Mac 电脑终端里面输入执行即可。打开隐藏文件的效果如下所示：

2、新建并查看配置文件 .bash_profile

查看配置文件 .bash_profile 是安装 nvm 的重头戏，因为好多人不知道怎么创建打开配置文件 .bash_profile 的步骤，其实很简单，只是网上的无良教程没有说清楚，具体操作步骤如下：

首先打开.nvm 隐藏文件，查看文件夹里面有没有 .bash_profile 配置文件，如果没有该文件，去别的地方复制一个到.nvm 隐藏文件夹里面，然后再在复制过来的 .bash_profile 配置文件，双击打开该文件，然后添加一下三行代码：

export NVM_DIR="/Users/Mac电脑的用户名/.nvm"
[ -s "NVM_DIR/nvm.sh"  # This loads nvm
[ -s "NVM_DIR/bash_completion"  # This loads nvm bash_completion

注意：上述三行代码里面，NVM_DIR 所指向的用户名可在 spotlight 中搜索"用户文件夹”，进行查看； .bash_profile 配置文件可以找其他隐藏文件复制之后修改文件名即可，但是文件名一定要以 .bash_profile 命名，最简单的方式就是去别的地方复制一个 .bash_profile 配置文件即可。

3、使配置文件 .bash_profile 生效

针对第 2 步的操作，把三行代码放入 .bash_profile 配置文件之后，需要让 .bash_profile 配置文件生效才可以，不然会报错：nvm: command not found，使配置文件生效的命令行如下所示 :

source ~/.nvm/.bash_profile

4、总结

经过上述几步骤的描述之后，Mac 电脑就成功安装 nvm 了，然后就可以管理 Mac 电脑的 node 版本了，只是一定要留意几个需要注意的地方，不然就不能安装成功。

附录、nvm 常用命令：

nvm ls ：打印所有的版本

nvm install stable：安装最稳定的版本

nvm install v10.16.0 ： 安装 node 的 10.16.0 的版本（删除用 uninstall）

nvm current ：当前使用的 node 版本

nvm use v10.16.0 ：将 node 改为 10.16.0 版本

nvm alias default 10.16.0：设置默认 node 版本为 10.16.0

nvm alias default ：设置系统默认的 node 版本

nvm alias  ：给不同的版本号添加别名

nvm unalias  ： 删除已定义的别名

nvm reinstall-packages ：在当前版本 node 环境下，重新全局安装指定版本号的 npm 包

npm install -g mz-fis：安装 mz-fis 模块至全局目录，安装的路径：/Users/你的 Mac 电脑的用户名/.nvm/versions/node/v0.12.7/lib/mz-fis

nvm use 10.16.0：切换至 10.16.0 版本（支持模糊查询）

npm install -g react-native-cli：安装 react-native-cli 模块至全局目录，安装的路径：/Users/你的 Mac 电脑的用户名/.nvm/versions/node/v4.2.2/lib/react-native-cli

最后

上面就是本文关于在前端开发的时候安装 nvm 的方法步骤，知识点不复杂，主要是对于刚接触前端开发的开发者来说比较不熟悉，所以需要了解一下，这里就不再赘述了。以上就是本章全部内容，欢迎关注三掌柜的微信公众号“程序猿 by 三掌柜”，三掌柜的新浪微博“三掌柜 666”，欢迎关注！