npm的包安裝分為本地安裝（local）、全局安裝（global）兩種，從敲的命令行來(lái)看，差別只是有沒有-g而已，比如

npm install grunt # 本地安裝
npm install -g grunt-cli # 全局安裝

這兩種安裝方式有什么區(qū)別呢？從npm官方文檔的說明來(lái)看，主要區(qū)別在于（后面通過具體的例子來(lái)說明）：
本地安裝

1. 將安裝包放在 ./node_modules 下（運(yùn)行npm時(shí)所在的目錄）
2. 可以通過 require() 來(lái)引入本地安裝的包

全局安裝

1. 將安裝包放在 /usr/local 下
2. 可以直接在命令行里使用

本地安裝

1、將安裝包放在 ./node_modules 下（運(yùn)行npm時(shí)所在的目錄）

比如運(yùn)行下面命令

npm install grunt --save-dev

那么，就會(huì)在當(dāng)前目錄下發(fā)現(xiàn)一個(gè)node_modules目錄，進(jìn)去后能夠看到grunt這個(gè)包

casperchenMacBookPro:Usemin casperchen$ ll
total 200
drwxr-xr-x  16 casperchen  staff   544B 12 14 23:17 node_modules

進(jìn)入node_modules

casperchenMacBookPro:node_modules casperchen$ ll
total 0
drwxr-xr-x  16 casperchen  staff   544B 12  5 00:49 grunt

2、可以通過 require() 來(lái)引入本地安裝的包

直接來(lái)個(gè)例子，我們?cè)陧?xiàng)目根目錄下創(chuàng)建test.js，里面的內(nèi)容很簡(jiǎn)單

var grunt = require('grunt');grunt.log.writeln('hello grunt');

然后在控制臺(tái)運(yùn)行test.js

node test.js

然后就會(huì)看到如下輸出

casperchenMacBookPro:testUsemin casperchen$ node test.js 
hello grunt

全局安裝

1、將安裝包放在 /usr/local 下

運(yùn)行如下命令

npm install -g grunt-cli

然后進(jìn)入/usr/local/bin目錄，就會(huì)發(fā)現(xiàn)grunt-cli已經(jīng)被放置在下面了

casperchenMacBookPro:bin casperchen$ pwd
/usr/local/bin
casperchenMacBookPro:bin casperchen$ ll grunt
lrwxr-xr-x  1 root  admin    39B  8 18 21:43 grunt -> ../lib/node_modules/grunt-cli/bin/grunt

可見，全局模塊的真實(shí)安裝路徑在/usr/local/lib/node_modules/下，/usr/local/bin下的可執(zhí)行文件只是軟鏈接而已

2、可以直接在命令行里使用

實(shí)現(xiàn)細(xì)節(jié)在上面其實(shí)就講到了，通過在`/usr/local/bin下創(chuàng)建軟鏈接的方式實(shí)現(xiàn)。這里不贅述

更直觀的例子

下面就直接看下，當(dāng)我們?cè)陧?xiàng)目目錄下運(yùn)行g(shù)runt task（task為具體的grunt任務(wù)名，自行替換）時(shí)，發(fā)生了什么事情。這里要借助node-inspector。

首先，沒接觸過node-inspector的童鞋可以參考之前的文章了解下

運(yùn)行如下命令開啟調(diào)試

node-inspector &

見到如下輸出

casperchenMacBookPro:tmp casperchen$ node-inspector &
[1] 14390
casperchenMacBookPro:tmp casperchen$ Node Inspector v0.6.1
   info  - socket.io started
Visit http://127.0.0.1:8080/debug?port=5858 to start debugging.

接著，在當(dāng)前任務(wù)下運(yùn)行g(shù)runt任務(wù)

^CcasperchenMacBookPro:testUsemin casperchen$ node --debug-brk $(which grunt) dev
debugger listening on port 5858

接著，打開chrome瀏覽器，輸入網(wǎng)址http://127.0.0.1:8080/debug?port=5858，就會(huì)自動(dòng)進(jìn)入斷點(diǎn)調(diào)試狀態(tài)。從一旁顯示的tiPS可以看到，全局命令grunt其實(shí)就是/usr/local/lib/node_modules/grunt-cli/bin/grunt

image.png

image.png

原文地址