快捷導(dǎo)航

Node.js包管理器npm的具體使用

更新時(shí)間：2021年11月25日 11:56:13 作者：Naisu Xu

Node.js安裝包中都帶有一個(gè)重要的工具包管理器npm，本文主要介紹了Node.js包管理器npm的具體使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

目的

目前的Node.js安裝包中都帶有一個(gè)重要的工具 包管理器npm 。npm主要有兩方面功能：下載管理第三方模塊；構(gòu)建與運(yùn)行項(xiàng)目。npm使用本身并不復(fù)雜，但是在大陸的網(wǎng)絡(luò)環(huán)境下使用并不省心，徒增許多工作量。這篇文章將對相關(guān)內(nèi)容做個(gè)說明。

npm init 與 package.json文件

Node.js的項(xiàng)目根目錄下通常會有一個(gè) package.json 文件，該文件主要配置項(xiàng)目相關(guān)的信息，包括項(xiàng)目名稱、版本號、入口文件、需要的模塊等信息。該文件可以手動(dòng)建立，不過通常都是用 npm init 命令來生成的（也可以使用 npm init -y 跳過詢問階段生成帶默認(rèn)參數(shù)的package.json文件）：

在這里插入圖片描述

通常 package.json 文件中都會包含很多字段，比如下面這樣的：

{
  "name": "naisu",
  "version": "1.0.0",
  "description": "lalala",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "author": "nx",
  "license": "ISC",
  "dependencies": {
    "electron-squirrel-startup": "^1.0.0",
    "serialport": "^9.2.4"
  },
  "devDependencies": {
    "electron": "15.1.1",
    "electron-rebuild": "^3.2.3"
  }
}

其中有些字段是相對比較重要的，相關(guān)說明如下：

name 項(xiàng)目名稱

version 項(xiàng)目版本號

main 項(xiàng)目主入口文件

scripts npm run 命令腳本
比如上面配置了 "start": "node index.js" ，那我們就可以在終端中用 npm run start 來執(zhí)行 node index.js 命令（start/stop/test/restart這四個(gè)命令可以省略run），這在需要執(zhí)行復(fù)雜命令的時(shí)候很好用；

dependencies 項(xiàng)目運(yùn)行所依賴的模塊
devDependencies 項(xiàng)目開發(fā)所需要的模塊
這兩個(gè)字段保存了項(xiàng)目所依賴的模塊名稱和版本，有這個(gè)信息后就可以使用 npm install 來安裝這些模塊到項(xiàng)目中了 ；

模塊安裝與管理

安裝模塊

模塊安裝使用 npm install <packageName> 方式，比如下面演示中安裝了 cowsay 模塊：

在這里插入圖片描述

npm在安裝模塊的時(shí)候會同時(shí)安裝該模塊所依賴的模塊，默認(rèn)情況下會安裝在目錄下的 node_modules 文件夾中，安裝的模塊會記錄在 package.json 文件的 dependencies 字段中，同時(shí)會在 package-lock.json 文件中記錄模塊與依賴的模塊的版本信息。

安裝時(shí)模塊名稱后可以加上 @版本號 來安裝指定版本，如 npm install cowsay@1.5.0 。

如果一個(gè)模塊已安裝了，再次執(zhí)行安裝命令的時(shí)候?qū)⒉粫匦掳惭b，可以使用 -f 或 --force 選項(xiàng) 強(qiáng)制安裝來處理： npm install --force <packageName> 。

在安裝時(shí)可以使用 -S 或 --save 選項(xiàng)將模塊標(biāo)記為 dependencies 項(xiàng)目運(yùn)行所依賴的模塊（默認(rèn)值）；也可以使用 -D 或 --save-dev 選項(xiàng)將模塊標(biāo)記為 devDependencies 項(xiàng)目開發(fā)所需要的模塊，如 npm install --save-dev <packageName> 。

模塊也可以使用 -g 或 --global 選項(xiàng)安裝到全局目錄，如 npm install --global <packageName> 。

安裝模塊命令中的 install 也可以簡寫為 i 使用。

查看已安裝模塊

使用 npm list 可以查看當(dāng)前目錄已安裝的模塊及其依賴關(guān)系。

使用 -g 或 --global 選項(xiàng)可以查看全局安裝的模塊信息，使用 --depth=x 可以指定查看深度。

在這里插入圖片描述

更新模塊

使用 npm update <packageName> 可以用來更新模塊，上面提到的 --save --save-dev --global 等選項(xiàng)在這里也可以用。

刪除模塊

使用 npm uninstall <packageName> 可以卸載模塊。
使用 -g 或 --global 選項(xiàng)可以卸載全局模塊。

npx

npx是新版本的npm（自 5.2 起）中帶的一個(gè)工具，主要是用來運(yùn)行模塊的：如果項(xiàng)目目錄或是系統(tǒng)環(huán)境中有該模塊的話直接運(yùn)行該模塊，如果沒有的話會也不用安裝，npx會將它下載到一個(gè)臨時(shí)目錄中再運(yùn)行。

在這里插入圖片描述

模塊編譯

有的第三方模塊是用其它語言開發(fā)的，這些模塊不能直接運(yùn)行，需要針對運(yùn)行環(huán)境進(jìn)行編譯后才能使用，這就需要編譯工具了，最常見的比如 node-gyp 和 node-pre-gyp 工具。對于某些模塊在某些平臺上可能還需要一些其它的工具，比如在windows平臺上經(jīng)常會需要用到 windows-build-tools 這個(gè)工具。

這些工具都可以在用到的時(shí)候再安裝進(jìn)行編譯，多數(shù)時(shí)候npm會自動(dòng)處理這些事情。有的平臺也可以在安裝Node.js時(shí)安裝這些工具，比如在windows平臺上可以在安裝Node.js時(shí)勾選安裝這些工具：

在這里插入圖片描述