IntelliJ IDEA：npm和Yarn

npm和Yarn

此功能僅在Ultimate版本中受支持。

IntelliJ IDEA與npm和Yarn包管理器集成，因此您可以從IDE內(nèi)部安裝，定位，升級(jí)和刪除可重用代碼包。Node.js和NPM頁(yè)面提供了管理軟件包的專(zhuān)用UI。當(dāng)然，您也可以從內(nèi)置終端的命令行執(zhí)行此操作 。

IntelliJ IDEA還允許您運(yùn)行和調(diào)試npm腳本。IntelliJ IDEA解析package.json文件，識(shí)別腳本的定義，在樹(shù)視圖中顯示腳本，并允許您在樹(shù)中的腳本及其在package.json文件中的定義之間進(jìn)行導(dǎo)航。

IntelliJ IDEA使用Yarn工作區(qū)檢測(cè)項(xiàng)目，并索引工作區(qū)package.json文件中列出的所有依賴(lài)項(xiàng)，但這些依賴(lài)項(xiàng)位于根node_modules文件夾中。

使用準(zhǔn)備

1. 下載并安裝Node.js。請(qǐng)注意，npm也已安裝，因此，如果您要使用它，則需要執(zhí)行初步步驟。

2. 要使用Yarn，請(qǐng)按照Yarn官方網(wǎng)站上的說(shuō)明進(jìn)行安裝。

選擇項(xiàng)目包管理器

使用IntelliJ IDEA，您可以選擇是否在項(xiàng)目中使用npm或Yarn。默認(rèn)情況下，IntelliJ IDEA建議使用npm。但是，如果您打開(kāi)包含yarn.lock文件的項(xiàng)目并且計(jì)算機(jī)上安裝了Yarn，則IntelliJ IDEA會(huì)自動(dòng)將此項(xiàng)目的包管理器更改為Yarn。您還可以將Yarn設(shè)置為默認(rèn)的IntelliJ IDEA包管理器。

為當(dāng)前項(xiàng)目選擇包管理器

1. 在“設(shè)置/首選項(xiàng)”對(duì)話(huà)框（Ctrl+Alt+S）中，單擊“語(yǔ)言和框架”下的“Node.js”和“NPM”。將打開(kāi)Node.js和NPM頁(yè)面。

2. 從包管理器列表中，選擇npm或yarn以使用系統(tǒng)默認(rèn)安裝。要使用包管理器的自定義安裝，請(qǐng)單擊“選擇”，然后在打開(kāi)的對(duì)話(huà)框中選擇包管理器的相關(guān)路徑。

   
   當(dāng)您從“運(yùn)行/調(diào)試配置：NPM”對(duì)話(huà)框中的“包管理器”列表中選擇Project別名時(shí)，IntelliJ IDEA會(huì)自動(dòng)使用所選的包管理器。每次調(diào)用運(yùn)行'npm安裝'/運(yùn)行'yarn安裝'命令或運(yùn)行npm/Yarn腳本時(shí)，IntelliJ IDEA也會(huì)使用所選包管理器的路徑。

將Yarn設(shè)置為默認(rèn)的IntelliJ IDEA包管理器

1. 在“設(shè)置新項(xiàng)目”對(duì)話(huà)框（文件|新項(xiàng)目的設(shè)置...）中，單擊“語(yǔ)言和框架”下的“Node.js”和“NPM ”。

2. 在打開(kāi)的Node.js和NPM頁(yè)面上，從包管理器列表中進(jìn)行選擇yarn。之后，IntelliJ IDEA會(huì)在每次創(chuàng)建新項(xiàng)目時(shí)將Yarn建議為默認(rèn)值。

使用內(nèi)置終端安裝軟件包

您可能知道，npm可以在全局或作為項(xiàng)目依賴(lài)項(xiàng)或開(kāi)發(fā)依賴(lài)項(xiàng)安裝軟件包，請(qǐng)從npm官方網(wǎng)站了解更多信息。使用Yarn，您還可以在全局或作為項(xiàng)目依賴(lài)項(xiàng)安裝軟件包，有關(guān)詳細(xì)信息，請(qǐng)參閱Yarn官方網(wǎng)站。

安裝包

1. 打開(kāi)嵌入式終端（Alt+F12）。

2. 在命令提示符處，鍵入以下命令之一：

   • npm install --global <package_name>或yarn global add <package_name>以進(jìn)行全局安裝。

   • npm install --save <package_name>，npm install --save-dev <package_name>或者yarn add <package_name> --dev以將程序包安裝為項(xiàng)目依賴(lài)項(xiàng)或開(kāi)發(fā)依賴(lài)項(xiàng)。

從package.json文件安裝所有依賴(lài)項(xiàng)

• 打開(kāi)嵌入式終端（Alt+F12）并在命令提示符下鍵入npm install或yarn install。因此，您可以從當(dāng)前文件夾獲得package.json中列出的所有依賴(lài)項(xiàng)。

在Node.js和NPM頁(yè)面上安裝和升級(jí)軟件包

IntelliJ IDEA顯示Node.js和NPM頁(yè)面上所有當(dāng)前安裝的軟件包。要打開(kāi)頁(yè)面，請(qǐng)?jiān)凇霸O(shè)置/首選項(xiàng)”對(duì)話(huà)框（Ctrl+Alt+S）中，單擊“語(yǔ)言和框架”下的“Node.js”和“NPM”。全局安裝的軟件包列在頂部。對(duì)于每個(gè)包，IntelliJ IDEA顯示其當(dāng)前安裝的版本和最新的可用版本。

安裝包

1. 單擊 并在打開(kāi)的“可用包”對(duì)話(huà)框中，選擇所需的包。

2. 默認(rèn)情況下，安裝最新的軟件包版本。要安裝另一個(gè)，請(qǐng)選中“指定版本”復(fù)選框，然后從列表中選擇所需的版本。

3. 默認(rèn)安裝是本地安裝。要使用其他安裝類(lèi)型，請(qǐng)選擇“選項(xiàng)”復(fù)選框，然后鍵入-g以進(jìn)行全局安裝或鍵入--save/--save-dev以將程序包作為依賴(lài)項(xiàng)/開(kāi)發(fā)依賴(lài)項(xiàng)。

查看包的位置

• 將鼠標(biāo)指針懸停在包名稱(chēng)上。IntelliJ IDEA在工具提示中顯示包的路徑。

將軟件包升級(jí)到最新版本

• 在列表中選擇包，然后單擊 。

刪除包

• 在列表中選擇包，然后單擊 。

編輯package.json

IntelliJ IDEA可幫助您處理package.json文件中的項(xiàng)目依賴(lài)性，從而提供廣泛的編碼幫助：

• 包名稱(chēng)的代碼完成。
  
  
• 最新的可用軟件包版本的信息。
  
  
• 以前的軟件包版本的代碼完成。當(dāng)您按下Ctrl+Space或開(kāi)始鍵入與最新版本不同的版本時(shí)，IntelliJ IDEA會(huì)顯示包含所有先前版本軟件包的建議列表。
  
  
• 快速文檔查找的包。（當(dāng)您從require或import語(yǔ)句調(diào)用文檔查找時(shí)，IntelliJ IDEA還會(huì)顯示npm包的readme文件。）
  
   

要從package.json文件安裝依賴(lài)項(xiàng)，請(qǐng)執(zhí)行以下操作之一：

• 在編輯器中打開(kāi)相關(guān)的package.json文件或在Project工具窗口中選擇它，然后在上下文菜單中選擇運(yùn)行'npm安裝'。

• 單擊彈出窗口中的“運(yùn)行'npm安裝'：

   
  當(dāng)尚未安裝依賴(lài)項(xiàng)或更改它們時(shí)，IntelliJ IDEA會(huì)顯示此彈出窗口。如果關(guān)閉彈出窗口或通過(guò)選擇“不再顯示”將其關(guān)閉，您仍然可以使用“運(yùn)行'npm安裝”操作或內(nèi)置終端來(lái)安裝依賴(lài)項(xiàng)。

更新項(xiàng)目依賴(lài)項(xiàng)

• 單擊彈出窗口中的“運(yùn)行'npm安裝'：
  
   
   每次打開(kāi)項(xiàng)目，從版本控制更新它或編輯package.json時(shí)，IntelliJ IDEA都會(huì)顯示此彈出窗口。

  IntelliJ IDEA還運(yùn)行一個(gè)檢查，檢查是否安裝了依賴(lài)項(xiàng)或devDependencies的包，以及它們的版本是否與指定范圍匹配。

   
  如果檢查發(fā)現(xiàn)任何不匹配，則建議快速修復(fù)。要應(yīng)用它，請(qǐng)按Alt+Enter，然后從列表中選擇“運(yùn)行'npm安裝'：