IntelliJ IDEA：配置遠(yuǎn)程N(yùn)ode.js解釋器

2019-03-06 16:01 更新

配置遠(yuǎn)程N(yùn)ode.js解釋器

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

在IntelliJ IDEA中，如果要在安裝在遠(yuǎn)程主機(jī)或虛擬環(huán)境中的Node.js上運(yùn)行和調(diào)試應(yīng)用程序，則需要配置遠(yuǎn)程N(yùn)ode.js解釋器。這是在“配置Node.js遠(yuǎn)程解釋器對話框”對話框中，該對話框僅從“運(yùn)行/調(diào)試配置：Node.js”打開。

提示：在Node.js和NPM頁面上配置本地解釋器。

在可通過SSH連接訪問的主機(jī)上配置遠(yuǎn)程N(yùn)ode.js解釋器

使用準(zhǔn)備

配置對目標(biāo)遠(yuǎn)程主機(jī)上的ssh服務(wù)器的訪問，并確保此服務(wù)器正在運(yùn)行。
按照“插件管理”中的說明在“插件”頁面上安裝NodeJS和NodeJS遠(yuǎn)程解釋器存儲庫插件。

使用SSH憑據(jù)配置Node.js解釋器

在主菜單上，選擇：運(yùn)行|編輯配置。在打開的“編輯配置”對話框中，單擊“添加新配置”工具欄按鈕，然后在上下文菜單中選擇“Node.js”。在打開的“運(yùn)行/調(diào)試配置：Node.js”對話框中，單擊“Node解釋器”字段旁邊的。
在打開的“Node.js解釋器”對話框中，其中包含所有當(dāng)前配置的解釋器的列表，單擊工具欄上的。在打開的對話框中，選擇上下文菜單中的“添加遠(yuǎn)程”。
在打開的“配置Node.js遠(yuǎn)程解釋器”對話框中，選擇“SSH憑據(jù)”方法。
指定遠(yuǎn)程主機(jī)的名稱和SSH服務(wù)器偵聽的端口。默認(rèn)端口號為22。
根據(jù)在服務(wù)器上注冊期間收到的憑據(jù)，指定您的憑據(jù)以訪問遠(yuǎn)程主機(jī)。輸入您的用戶名并選擇身份驗(yàn)證方法：
- 密碼：使用密碼訪問主機(jī)。指定密碼，然后選擇“保存密碼”復(fù)選框以將密碼保存在IntelliJ IDEA中。
- 密鑰對（OpenSSH或PuTTY）：使用密鑰對的SSH身份驗(yàn)證。要應(yīng)用此身份驗(yàn)證方法，您必須在客戶端計(jì)算機(jī)上擁有私鑰，并在遠(yuǎn)程服務(wù)器上擁有公鑰。IntelliJ IDEA支持使用OpenSSH實(shí)用程序生成的私鑰。
  指定存儲私鑰的文件的路徑，并在相應(yīng)字段中鍵入密碼（如果有）。要讓IntelliJ IDEA記住密碼，請選中“保存密碼”復(fù)選框。
- OpenSSH配置和身份驗(yàn)證代理：使用由憑據(jù)幫助應(yīng)用程序管理的SSH密鑰（例如，Windows上的Pageant，或Mac和Linux上的ssh-agent）。
根據(jù)所選遠(yuǎn)程開發(fā)環(huán)境的配置指定Node.js可執(zhí)行文件的位置。
- 對于遠(yuǎn)程主機(jī)，默認(rèn)情況下，IntelliJ IDEA建議使用：/usr/bin/node文件夾。
- 對于Vagrant實(shí)例，默認(rèn)情況下，IntelliJ IDEA建議使用：/usr/bin/node文件夾。
- 對于Docker容器，默認(rèn)情況下，IntelliJ IDEA建議node文件夾。
單擊“確定”后，IntelliJ IDEA將檢查Node.js可執(zhí)行文件是否實(shí)際存儲在指定的文件夾中。

如果未找到Node.js可執(zhí)行文件，IntelliJ IDEA將顯示一條錯(cuò)誤消息，詢問您是繼續(xù)搜索還是保存解釋器配置。
如果找到Node.js可執(zhí)行文件，則返回Node.js Interpreters對話框，其中顯示安裝文件夾和檢測到的Node.js解釋器版本。

在Vagrant環(huán)境實(shí)例中配置遠(yuǎn)程N(yùn)ode.js解釋器

使用準(zhǔn)備

如“插件管理”中所述，在“插件”頁面上安裝Vagrant，NodeJS和NodeJS遠(yuǎn)程解釋器存儲庫插件。
確保按照Vagrant中的說明在計(jì)算機(jī)上下載，安裝和配置Vagrant和Oracle的VirtualBox。
確保將以下可執(zhí)行文件的父文件夾添加到系統(tǒng)PATH變量中：
- 您的Vagrant安裝中的vagrant.bat或vagrant。這應(yīng)該由Vagrant安裝程序自動(dòng)完成。
- Oracle的VirtualBox安裝中的VBoxManage.exe或VBoxManage。
在要使用的Vagrant實(shí)例中配置Node.js開發(fā)環(huán)境。

在Vagrant實(shí)例中配置Node.js Interpreter

在主菜單上，選擇：運(yùn)行|編輯配置。在打開的“編輯配置”對話框中，單擊“添加新配置”工具欄按鈕，然后在上下文菜單中選擇“Node.js”。在打開的“運(yùn)行/調(diào)試配置：Node.js”對話框中，單擊“Node解釋器”字段旁邊的。
在打開的“Node.js解釋器”對話框中，其中包含所有當(dāng)前配置的解釋器的列表，單擊工具欄上的。在打開的對話框中，選擇上下文菜單中的“添加遠(yuǎn)程”。
在打開的“配置Node.js遠(yuǎn)程解釋器”對話框中，選擇Vagrant方法。
指定指向您要使用的環(huán)境的Vagrant實(shí)例文件夾。從技術(shù)上講，它是所需環(huán)境的VagrantFile配置文件所在的文件夾。根據(jù)此設(shè)置，IntelliJ IDEA會(huì)檢測Vagrant主機(jī)并將其顯示為Vagrant Host URL只讀字段中的鏈接。
根據(jù)所選遠(yuǎn)程開發(fā)環(huán)境的配置指定Node.js可執(zhí)行文件的位置。
- 對于Vagrant實(shí)例，默認(rèn)情況下，IntelliJ IDEA建議使用：/usr/bin/node文件夾。
要指定其他文件夾，在打開的對話框中單擊并選擇相關(guān)文件夾。請注意，必須打開Node.js主目錄才能進(jìn)行編輯。
單擊“確定”后，IntelliJ IDEA將檢查Node.js可執(zhí)行文件是否實(shí)際存儲在指定的文件夾中。

如果未找到Node.js可執(zhí)行文件，IntelliJ IDEA將顯示一條錯(cuò)誤消息，詢問您是繼續(xù)搜索還是保存解釋器配置。
如果找到Node.js可執(zhí)行文件，則返回Node.js Interpreters對話框，其中顯示安裝文件夾和檢測到的Node.js解釋器版本。

在可通過SFTP訪問的遠(yuǎn)程主機(jī)上配置遠(yuǎn)程N(yùn)ode.js解釋器

使用準(zhǔn)備

確保sftp服務(wù)器正在目標(biāo)遠(yuǎn)程主機(jī)上運(yùn)行，??并且您已配置對它的訪問權(quán)限。
確保您至少具有一個(gè)SFTP類型的IntelliJ IDEA范圍服務(wù)器訪問配置，以建立對目標(biāo)主機(jī)的訪問權(quán)限。要在所有IntelliJ IDEA項(xiàng)目中使用配置，請?jiān)凇安渴穑哼B接”選項(xiàng)卡中清除“僅對此項(xiàng)目可見”復(fù)選框。
按照“插件管理”中的說明在Plugins頁面上安裝NodeJS和NodeJS遠(yuǎn)程解釋器存儲庫插件。

基于SFTP服務(wù)器訪問配置來配置遠(yuǎn)程N(yùn)ode.js解釋器

在主菜單上，選擇：運(yùn)行|編輯配置。在打開的“編輯配置”對話框中，單擊“ 添加新配置”工具欄按鈕，然后在上下文菜單中選擇“Node.js”。在打開的“運(yùn)行/調(diào)試配置：Node.js”對話框中，單擊“Node解釋器”字段旁邊的。
在打開的“Node.js解釋器”對話框中，其中包含所有當(dāng)前配置的解釋器的列表，單擊工具欄上的。在打開的對話框中，選擇上下文菜單中的“添加遠(yuǎn)程”。
在打開的配置“Node.js遠(yuǎn)程解釋器”對話框中，選擇“部署配置”方法。
從“部署配置”下拉列表中，選擇您希望IntelliJ IDEA連接到目標(biāo)主機(jī)的SFTP類型的服務(wù)器訪問配置。如果所選配置中指定的設(shè)置確保連接成功，則IntelliJ IDEA會(huì)在“部署主機(jī)URL”字段中將目標(biāo)主機(jī)的URL地址顯示為鏈接。
要使用解釋器配置，您需要路徑映射來設(shè)置項(xiàng)目文件夾，服務(wù)器上用于復(fù)制項(xiàng)目文件的文件夾之間的對應(yīng)關(guān)系，以及用于訪問服務(wù)器上復(fù)制數(shù)據(jù)的URL地址。默認(rèn)情況下，IntelliJ IDEA從所選的服務(wù)器訪問（部署）配置中檢索路徑映射。如果配置不包含路徑映射，IntelliJ IDEA將顯示相應(yīng)的錯(cuò)誤消息。
要解決此問題，請打開“ 構(gòu)建，執(zhí)行，部署”節(jié)點(diǎn)下的“ 部署”頁面，選擇相關(guān)的服務(wù)器訪問配置，切換到“ 映射”選項(xiàng)卡，然后將本地文件夾映射到服務(wù)器上的文件夾，如“ 映射本地文件夾”中所述服務(wù)器上的文件夾和訪問它們的URL地址部分。
根據(jù)所選遠(yuǎn)程開發(fā)環(huán)境的配置指定Node.js可執(zhí)行文件的位置。
- 對于遠(yuǎn)程主機(jī)，默認(rèn)情況下，IntelliJ IDEA建議使用：/usr/bin/node文件夾。
- 對于Vagrant實(shí)例，默認(rèn)情況下，IntelliJ IDEA建議使用：/usr/bin/node文件夾。
- 對于Docker容器，默認(rèn)情況下，IntelliJ IDEA建議使用node文件夾。
單擊“確定”后，IntelliJ IDEA將檢查Node.js可執(zhí)行文件是否實(shí)際存儲在指定的文件夾中。

如果未找到Node.js可執(zhí)行文件，IntelliJ IDEA將顯示一條錯(cuò)誤消息，詢問您是繼續(xù)搜索還是保存解釋器配置。
如果找到Node.js可執(zhí)行文件，則返回“Node.js解釋器”對話框，其中顯示安裝文件夾和檢測到的Node.js解釋器版本。

在Docker容器中配置遠(yuǎn)程N(yùn)ode.js解釋器

您可以使用Docker快速引導(dǎo)Node.js應(yīng)用程序，IntelliJ IDEA將通過自動(dòng)創(chuàng)建新的Dockerfile來處理初始配置，使源代碼保持最新并在容器中安裝npm依賴項(xiàng)。配置在Docker容器中運(yùn)行的Node.js環(huán)境作為Node.js遠(yuǎn)程解釋器，允許您從IntelliJ IDEA運(yùn)行，調(diào)試和配置Node.js應(yīng)用程序。

使用準(zhǔn)備

按照Docker中的描述下載，安裝和配置Docker
如“插件管理”中所述，在“插件”頁面上安裝NodeJS，NodeJS遠(yuǎn)程解釋器和Docker集成存儲庫插件。

在Docker容器中配置遠(yuǎn)程N(yùn)ode.js解釋器

在主菜單上，選擇：運(yùn)行|編輯配置。在打開的“編輯配置”對話框中，單擊“添加新配置”工具欄按鈕，然后在上下文菜單中選擇“Node.js”。在打開的“運(yùn)行/調(diào)試配置：Node.js”對話框中，單擊“ 節(jié)點(diǎn)解釋器”字段旁邊的。
在打開的“Node.js解釋器”對話框中，其中包含所有當(dāng)前配置的解釋器的列表，單擊工具欄上的。在打開的對話框中，選擇上下文菜單中的“添加遠(yuǎn)程”。
在打開的“配置Node.js遠(yuǎn)程解釋器”對話框中，選擇Docker方法。

在“服務(wù)器”字段中，指定要使用的Docker配置。從列表中選擇配置，或單擊 browseButton 并在打開的“Docker”對話框中創(chuàng)建新配置。在“圖像名稱”字段中，指定要使用的基本Docker鏡像。從下拉列表中選擇以前下載的或自定義圖像之一，或手動(dòng)鍵入圖像名稱，例如，node:argon或mhart/alpine-node。稍后啟動(dòng)運(yùn)行配置時(shí)，Docker將在您的計(jì)算機(jī)上搜索指定的映像。如果搜索失敗，將從注冊表頁面上指定的映像存儲庫下載映像。Node.js解釋器路徑字段顯示指定映像中默認(rèn)Node.js解釋器的位置。單擊“確定”后，IntelliJ IDEA將關(guān)閉“配置Node.js遠(yuǎn)程解釋器”對話框，并將您帶到“Node.js解釋器”對話框，其中新的解釋器配置將添加到列表中。單擊“確定”返回運(yùn)行配置。

配置映射

使用遠(yuǎn)程N(yùn)ode.js解釋器調(diào)試應(yīng)用程序時(shí)，調(diào)試器會(huì)告知IntelliJ IDEA當(dāng)前處理的文件的名稱以及要處理的行的編號。IntelliJ IDEA打開此文件的本地副本，并指示包含所提供號碼的行。通過指定服務(wù)器上的文件和文件夾與其本地副本之間的對應(yīng)關(guān)系來啟用此行為。這種對應(yīng)關(guān)系稱為映射，它在調(diào)試配置中設(shè)置。

配置映射的操作步驟如下：

在主菜單上，選擇：運(yùn)行|編輯配置。在打開的“編輯配置”對話框中，單擊“添加新配置”工具欄按鈕，然后在上下文菜單中選擇“Node.js”。
在打開的“運(yùn)行/調(diào)試配置：Node.js”對話框中，從“節(jié)點(diǎn)解釋器”下拉列表中選擇所需的遠(yuǎn)程解釋器。
單擊“路徑映射”字段旁邊的。
打開的 “編輯項(xiàng)目路徑映射”對話框顯示從部署配置或Vagrantfile檢索到的路徑映射。這些映射是只讀的。
- 要添加自定義映射，請分別在“本地路徑”和“遠(yuǎn)程路徑”字段中單擊，并指定項(xiàng)目中的路徑和遠(yuǎn)程運(yùn)行時(shí)環(huán)境上的相應(yīng)路徑。手動(dòng)鍵入路徑，或單擊并在打開的對話框中選擇相關(guān)文件或文件夾。
- 要?jiǎng)h除自定義映射，請?jiān)诹斜碇羞x擇它，然后單擊。