前端项目搭建（一）windows上nvm、node、npm的安装与使用

nvm：用来管理node.js的工具
node.js：自带有npm包管理工具
npm：类似于python中的pip，可以非常方便的管理一些前端开发的包

一、nvm的安装过程

nvm（Node Version Manager）是一个用来管理 node.js 版本的工具。
我们之所以需要使用node，是因为我们需要使用node中的npm（Node Package Manager）。
使用npm的目的是为了能够方便的管理一些前端开发的包！

nvm下载

nvm-windows 最新下载地址：
https://github.com/coreybutler/nvm-windows/releases

nvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置
nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。
Source code(zip)：zip压缩的源码
Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统

这里我下载的是nvm-set.zip文件，方便

nvm安装

请注意： 在安装nvm for
windows之前，你需要卸载任何现有版本的node.js。并且需要删除现有的nodejs安装目录（例如："C:\Program
Files\nodejs’）。因为，nvm生成的symlink（符号链接/超链接)不会覆盖现有的（甚至是空的）安装目录。
你还需要删除现有的npm安装位置（例如“C:\Users\weiqinl\AppData\Roaming\npm”），以便正确使用nvm安装位置。

1、nvm的安装路径名称中最好不要有空格。

2、点击Next，跳转到设置 Node.js的Symlink，即需要设置nodejs的快捷方式存放的目录。

3、配置环境变量
在环境变量Path中添加安装路径，例如D:\Program Files\nvm

4、检查是否安装成功

nvm version
1.1.6

nvm常用命令

nvm install node	：安装最新版node.js
nvm install [version]	：安装指定版本的node.js
nvm use [version]	：使用某个版本的node
nvm list	：列出当前安装了那些版本的node
nvm uninstall [version]	：卸载指定版本的node
nvm node_mirror [url]	：设置nvm的镜像
nvm npm_mirror [url]	：设置npm的镜像

二、node.js的安装与npm的使用

node安装

通过nvm来安装node，这里我安装的是6.4.0版本的node.js

nvm install 6.4.0

如果觉得下载速度慢，可以换成淘宝的镜像
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

npm使用

NPM（Node Package Manager）是随同NodeJS一起安装的包管理工具

为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。于是一个集中管理的工具应运而生：大家都把自己开发的模块打包后放到npm官网上，如果要使用，直接通过npm安装就可以直接用，不用管代码存在哪，应该从哪下载。

更重要的是，如果我们要使用模块A，而模块A又依赖于模块B，模块B又依赖于模块X和模块Y，npm可以根据依赖关系，把所有依赖的包都下载下来并管理起来。否则，靠我们自己手动管理，肯定既麻烦又容易出错。

详细了解npm是干什么的

npm已经在Node.js安装的时候顺带装好了。我们在命令提示符或者终端输入npm -v，应该看到类似的输出：

npm -v
3.10.3

1、安装包
安装包分为全局安装和本地安装。全局安装是安装在当前node的环境中，可以在cmd中当作命令使用；本地安装是安装在当前项目中，只有当前这个项目能使用，并且可以通过require引用。

下面以安装express包为例：这里使用本地安装

npm install express		#本地安装
npm install express -g		#全局安装

本地安装

• 将安装包放在./node_modules下（运行npm命令是所在的目录），如果没有node_modules目录，会在当前执行npm命令的目录下生成node_modules目录
• 可以通过require()来引入本地安装的包

全局安装

• 将安装包放在/usr/local下或者你node的安装目录
• 可以直接在命令行里使用

2、npm其他常用命令

npm uninstall [package]	#卸载包
npm update [package]	#更新包
npm search [package]		#搜索包

设置使用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

前端项目搭建（二）gulp的安装和使用