在前端項(xiàng)目工程中使用 npm 來管理 Node.js 的包依賴，需要在項(xiàng)目根目錄下創(chuàng)建 package.json 文件，其中與包依賴相關(guān)的常用字段有：

• dependencies：指定項(xiàng)目運(yùn)行時(shí)所依賴的模塊；
• devDependencies：指定項(xiàng)目開發(fā)時(shí)所需要的模塊；
• peerDependencies：指定當(dāng)前模塊所在的宿主環(huán)境所需要的模塊及其版本；

npm 默認(rèn)所有的 Node.js 包都使用 Semantic Versioning 控制包依賴版本, 比如：

// package.json
{
  "devDependencies": {
    "ice.js": "^1.0.0"
  }
}

更多配置可參考 package.json 文檔。

在項(xiàng)目根目錄下執(zhí)行 npm install 命令，可將 package.json 文件中描述的包依賴安裝至項(xiàng)目根目錄下的 node_modules 文件夾中。

PS：安裝 Node.js 時(shí)會(huì)自動(dòng)安裝 npm ，可至 https://nodejs.org/en/ 下載安裝。

使用 Iceworks 可對(duì)當(dāng)前前端工程項(xiàng)目進(jìn)行依賴包管理：

點(diǎn)擊左側(cè)欄 Iceworks 圖標(biāo)，在 NODE DEPENDENCIES 欄中，可展示當(dāng)前項(xiàng)目的依賴包信息（包含包名和當(dāng)前安裝的版本）。將鼠標(biāo)移入 NODE DEPENDENCIES 區(qū)域內(nèi)時(shí)，會(huì)出現(xiàn) 3 個(gè)操作按鈕，功能如上圖所示。

查看依賴信息、升級(jí)依賴包或重裝應(yīng)用依賴

1. 在左下角依賴庫中查看應(yīng)用安裝的所有依賴；
2. 點(diǎn)擊依賴項(xiàng)目旁邊的 ?? 按鈕，即可更新到最新依賴；
3. 點(diǎn)擊依賴列表標(biāo)題框上的 重裝依賴 按鈕，即可重裝應(yīng)用的所有依賴包。

一鍵安裝或重裝指定依賴

1. 點(diǎn)擊依賴列表標(biāo)題框上面的 + 按鈕；
2. 在出現(xiàn)的命令面板上選擇安裝為 Dependencies (生產(chǎn)環(huán)境的依賴)或 devDependencies (開發(fā)環(huán)境的依賴)；
3. 輸入需要安裝的 npm 包及版本信息，例如 typescript@latest ；
4. npm 包將會(huì)自動(dòng)安裝，如果這個(gè)包已經(jīng)添加到了依賴中，那么將會(huì)重新安裝。

使用 npm 包

通過 Iceworks 安裝包依賴后，便可以在代碼中引用它了。引入需要的 npm 包時(shí)，會(huì)出現(xiàn)智能提示，快速完成代碼輸入。