IntelliJ IDEA使用之Node.js

Node.js

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

Node.js 是一個(gè)輕量級(jí)的運(yùn)行時(shí)環(huán)境，用于在服務(wù)器端執(zhí)行JavaScript。IntelliJ IDEA與Node.js集成，可在配置，編輯，運(yùn)行，調(diào)試，測(cè)試，分析和維護(hù)應(yīng)用程序方面提供幫助。

如果您只需要Node.js來(lái)管理npm包或運(yùn)行JavaScript linters，構(gòu)建工具，測(cè)試框架等等，只需安裝Node.js。如果您遵循標(biāo)準(zhǔn)安裝過(guò)程，則在大多數(shù)情況下，IntelliJ IDEA會(huì)檢測(cè)Node.js本身。

要將Node.js用作應(yīng)用程序的運(yùn)行時(shí)，需要將其配置為本地或遠(yuǎn)程解釋器。要做到這一點(diǎn)，請(qǐng)按照“插件管理”中的說(shuō)明在“插件設(shè)置”頁(yè)面上安裝NodeJS插件。

配置本地Node.js解釋器

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

2. 在打開(kāi)的Node.js和NPM頁(yè)面上，單擊“Node解釋器”下拉列表旁邊的。

3. 在打開(kāi)的“Node.js解釋器”對(duì)話(huà)框中，其中包含所有當(dāng)前配置的解釋器的列表，單擊工具欄上的。在打開(kāi)的對(duì)話(huà)框中，在上下文菜單中選擇“添加本地”，然后選擇Node.js的本地安裝，然后單擊“確定”。您將返回“Node.js解釋器”對(duì)話(huà)框，其中Node解釋器只讀字段顯示所選解釋器的路徑。

4. 在“包管理器”字段中，選擇要在當(dāng)前項(xiàng)目中使用的包管理器（npm或Yarn）。

單擊“確定”后，將返回Node.js和NPM頁(yè)面，其中Node解釋器字段顯示新的解釋器。

使用系統(tǒng)Node.js版本

使用IntelliJ IDEA，您可以將默認(rèn)系統(tǒng)節(jié)點(diǎn)別名設(shè)置為項(xiàng)目的Node.js版本。這意味著如果您安裝新節(jié)點(diǎn)版本并使其成為系統(tǒng)中的默認(rèn)版本，則在Node.js解釋器字段中指定此系統(tǒng)別名的IntelliJ IDEA中的所有工具和運(yùn)行配置將使用此較新的版本。

使用nvm時(shí)，此功能特別有用。

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

2. 從“Node解釋器”下拉列表中，選擇node。

   

3. 在適用的地方指定這個(gè)新的Node.js解釋器，例如在運(yùn)行/調(diào)試配置或特定工具的設(shè)置中。

在Linux的Windows子系統(tǒng)上使用Node.js

IntelliJ IDEA允許您使用Linux的Windows子系統(tǒng)的Node.js來(lái)運(yùn)行和調(diào)試Node.js應(yīng)用程序。您可以選擇WSL上的Node.js作為當(dāng)前項(xiàng)目的默認(rèn)解釋器，也可以在Node.js運(yùn)行/調(diào)試配置中配置和使用此節(jié)點(diǎn)版本。

在WSL上配置Node.js作為默認(rèn)項(xiàng)目節(jié)點(diǎn)解釋器

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

2. 單擊“Node解釋器”字段旁邊的，在打開(kāi)的“Node.js解釋器”對(duì)話(huà)框，單擊，然后從列表中選擇“添加WSL”。

   

3. 在打開(kāi)的“添加WSL節(jié)點(diǎn)解釋器”對(duì)話(huà)框中，選擇您正在使用的Linux發(fā)行版，并指定Node.js的路徑。

   

使用Node.js應(yīng)用程序快速入門(mén)

這里我們將使用一個(gè)簡(jiǎn)單的Express應(yīng)用程序作為示例。

創(chuàng)建應(yīng)用程序

1. 在主菜單上選擇：文件|新建|項(xiàng)目，或單擊“歡迎”界面上的“新建項(xiàng)目”按鈕。

2. 在“項(xiàng)目類(lèi)別和選項(xiàng)”對(duì)話(huà)框（“新建項(xiàng)目”向?qū)У牡谝豁?yè)）中，在左側(cè)窗格中選擇“Node.js”和“NPM”。

3. 在右側(cè)窗格中，選擇“Node.js Express應(yīng)用”，然后單擊“下一步”。

4. 在向?qū)У牡诙?yè)上，指定項(xiàng)目文件夾，Node.js解釋器，包管理器（npm或Yarn）以及要使用的express-generator版本。在“選項(xiàng)”區(qū)域中，選擇要使用的模板語(yǔ)言和樣式表語(yǔ)言。

5. 單擊“完成”后，IntelliJ IDEA將生成一個(gè)包含所有必需配置文件的Node.js Express特定項(xiàng)目。

提示：如果您的計(jì)算機(jī)上只有一個(gè)Node.js并且您遵循標(biāo)準(zhǔn)安裝過(guò)程，則IntelliJ IDEA會(huì)自動(dòng)檢測(cè)您的Node.js，否則，從下拉列表中選擇相關(guān)的解釋器，請(qǐng)參閱上面的“配置本地Node.js解釋器”。

要下載項(xiàng)目依賴(lài)項(xiàng)，請(qǐng)執(zhí)行以下操作之一：

• 打開(kāi)嵌入式終端（Alt+F12）并在命令提示符下鍵入npm install。

• 在項(xiàng)目根目錄中的package.json文件的上下文菜單中選擇Run'npm install'。

在項(xiàng)目中配置Node.js

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

2. 在“Node解釋器”字段中，為當(dāng)前項(xiàng)目指定默認(rèn)的Node.js解釋器。每次在創(chuàng)建運(yùn)行/調(diào)試配置或配置Node.js相關(guān)工具（例如，Prettier或Yeoman）時(shí)從Node解釋器列表中選擇Project別名時(shí)，IntelliJ IDEA將自動(dòng)使用它。

   從下拉列表或單擊時(shí)打開(kāi)的對(duì)話(huà)框中選擇解釋器。如果選擇node，則使用系統(tǒng)Node.js版本。

3. 選中“Node.js的編碼輔助”復(fù)選框，將Node.js核心模塊源配置為JavaScript庫(kù)，并將其與項(xiàng)目關(guān)聯(lián)。因此，IntelliJ IDEA為fs，path，http和編譯到Node.js二進(jìn)制文件中的其他核心模塊提供代碼完成，參考解析，驗(yàn)證和調(diào)試功能。

   配置完成后，IntelliJ IDEA將顯示有關(guān)當(dāng)前配置版本的信息。

4. （可選）配置Node.js Core源作為庫(kù)處理的范圍：

   1. 單擊“管理范圍”。將打開(kāi)“使用范圍”對(duì)話(huà)框。

   2. 單擊相關(guān)目錄，對(duì)于每個(gè)目錄，從列表中選擇新配置的Node.js核心庫(kù)。