前端模塊管理器簡介

npm

介紹

npm(Node Packaged Modules)是Node.js的模塊依賴管理工具。
安裝node.js後會自動安裝上npm工具。

npm命令運行時會讀取和解釋當前目錄下的 package.json 文件，這個文件能夠定義name、description、version、devDependencies等。

經常使用命令

安裝模塊使用 npm install package_name 命令，帶上參數 -g 命令會把模塊安裝到全局安裝目錄中。
安裝目錄能夠經過命令 $ npm root -g 查看。

Bower

Bower的主要做用是，爲模塊的安裝、升級和刪除，提供一種統一的、可維護的管理模式

安裝：

$ npm install -g bower

使用 bower install 命令安裝各類模塊，例如：

# 模塊的名稱
$ bower install jquery
# github用戶名/項目名
$ bower install jquery/jquery
# git代碼倉庫地址
$ bower install git://github.com/user/package.git
# 模塊網址
$ bower install http://example.com/script.js
# 根據配置文件bower.json安裝所需的包
$ bower install

所謂"安裝"，就是將該模塊（以及其依賴的模塊）下載到當前目錄的bower_components子目錄中。下載後，就能夠直接簽入到網頁中。

<script src="/bower_componets/jquery/dist/jquery.min.js">

bower update命令用於更新模塊。

$ bower update jquery

bower uninstall命令用於卸載模塊。

$ bower uninstall jquery

注意，默認狀況下，會連所依賴的模塊一塊兒卸載。好比，若是卸載jquery-ui，會連jquery一塊兒卸載，除非還有別的模塊依賴jquery。