先说一下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到精通