mac下安装nvm以及node、webpack

先说一下nvm,node,npm之间的区别吧。

1. nvm的官方叫法：nodejs版本管理工具。

nvm相当于是家长，一个家长可以管理多个孩子。
也就是说:一个nvm可以管理很多node版本和npm版本。

nodejs

在项目开发时的所需要的代码库

npm

在安装的nodejs的时候，npm也会跟着一起安装，它是包管理工具。
npm管理nodejs中的第三方插件

nvm、nodejs、npm的关系：

nvm是爸爸，管理nodejs和npm这一对双胞胎兄弟。npm是哥哥，npm哥哥可以管理node弟弟的东西。

个人是这么理解的，要是有偏差，请指点。

mac下安装nvm以及node

接下来，就说说怎么在mac下安装nvm,node,npm。
打开https://github.com/creationix/nvm。在下面的简介中找到install这几个字，然后继续往下找，直到找到

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

（随着时间变哈 ，这个版本可能会出现变化，自行在github上查看）
复制这些字，到Mac的terminal中，就会安装nvm,安装完成后，还暂时不能用，需要复制它提示的两行代码（就是下图拿箭头标出来的两行代码）来配置环境变量：

完成以后 输入

nvm

出现

node version manger

说明nvm安装成功。

接下来，我们安装node

nvm install v6.9.1

在terminal中继续写：nvm install 0.12.4

node就安装成功啦～～～

安装完 nvm 后，输入nvm，当看到有输出时，则 nvm 安装成功。 如果遇到关闭shell后遇到以下提示：

安装完 nvm 后，输入nvm，当看到有输出时，则 nvm 安装成功。 如果遇到关闭shell后遇到以下提示：

编辑.bash_profile文件，没有的话就新建一个，命令都是：

vi .bash_profile

然后将以下代码复制进去，保存退出

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

然后 source 一下 .bash_profile

source .bash_profile

使用 nvm

nvm install stable # 安装最新稳定版 node，现在是 5.0.0
nvm install 4.2.2 # 安装 4.2.2 版本
nvm install 0.12.7 # 安装 0.12.7 版本

# 特别说明：以下模块安装仅供演示说明，并非必须安装模块
nvm use 4 # 切换至 4.2.2 版本
npm install -g mz-fis # 安装 mz-fis 模块至全局目录，安装完成的路径是 /Users/<你的用户名>/.nvm/versions/node/v0.12.7/lib/mz-fis
nvm use 0 # 切换至 0.12.7 版本
npm install -g react-native-cli #安装 react-native-cli 模块至全局目录，安装完成的路径是 /Users/<你的用户名>/.nvm/versions/node/v4.2.2/lib/react-native-cli

nvm alias default 0.12.7 #设置默认 node 版本为 0.12.7

关于webpack安装以及使用

关于webpack的使用，建议大家移步

入门webpack到精通