前端項目搭建（一）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的安裝和使用