Iceworks 依賴(lài)包管理

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

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

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

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

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

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

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

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

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

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

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

一鍵安裝或重裝指定依賴(lài)

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

使用 npm 包

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