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)試，測試，分析和維護(hù)應(yīng)用程序方面提供幫助。

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

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

配置本地Node.js解釋器

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

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

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

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

單擊“確定”后，將返回Node.js和NPM頁面，其中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ì)話框（Ctrl+Alt+S）中，單擊“語言和框架”下的“Node.js”和“NPM ”。將打開Node.js和NPM頁面。

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來運(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ì)話框（Ctrl+Alt+S）中，單擊“語言和框架”下的“Node.js”和“NPM”。將打開Node.js和NPM頁面。

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

   

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

   

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

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

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

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

2. 在“項(xiàng)目類別和選項(xiàng)”對(duì)話框（“新建項(xiàng)目”向?qū)У牡谝豁摚┲校谧髠?cè)窗格中選擇“Node.js”和“NPM”。

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

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

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

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

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

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

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

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

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

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í)打開的對(duì)話框中選擇解釋器。如果選擇node，則使用系統(tǒng)Node.js版本。

3. 選中“Node.js的編碼輔助”復(fù)選框，將Node.js核心模塊源配置為JavaScript庫，并將其與項(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源作為庫處理的范圍：

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

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