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)程解釋器對(duì)話框”對(duì)話框中,該對(duì)話框僅從“運(yùn)行/調(diào)試配置:Node.js”打開(kāi)。

提示:在Node.js和NPM頁(yè)面上配置本地解釋器。

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

使用準(zhǔn)備

  1. 配置對(duì)目標(biāo)遠(yuǎn)程主機(jī)上的ssh服務(wù)器的訪問(wèn),并確保此服務(wù)器正在運(yùn)行。

  2. 按照“插件管理”中的說(shuō)明在“插件”頁(yè)面上安裝NodeJS和NodeJS遠(yuǎn)程解釋器存儲(chǔ)庫(kù)插件 。

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

  1. 在主菜單上,選擇:運(yùn)行|編輯配置。在打開(kāi)的“編輯配置”對(duì)話框中,單擊“添加新配置”工具欄按鈕圖標(biāo)一般添加svg,然后在上下文菜單中選擇“Node.js”。在打開(kāi)的“運(yùn)行/調(diào)試配置:Node.js”對(duì)話框中,單擊“Node解釋器”字段旁邊的browseButton。

  2. 在打開(kāi)的“Node.js解釋器”對(duì)話框中,其中包含所有當(dāng)前配置的解釋器的列表,單擊工具欄上的圖標(biāo)一般添加svg。在打開(kāi)的對(duì)話框中,選擇上下文菜單中的“添加遠(yuǎn)程”。

  3. 在打開(kāi)的“配置Node.js遠(yuǎn)程解釋器”對(duì)話框中,選擇“SSH憑據(jù)”方法。

  4. 指定遠(yuǎn)程主機(jī)的名稱和SSH服務(wù)器偵聽(tīng)的端口。默認(rèn)端口號(hào)為22。

  5. 根據(jù)在服務(wù)器上注冊(cè)期間收到的憑據(jù),指定您的憑據(jù)以訪問(wèn)遠(yuǎn)程主機(jī)。輸入您的用戶名并選擇身份驗(yàn)證方法:
    • 密碼:使用密碼訪問(wèn)主機(jī)。指定密碼,然后選擇“保存密碼”復(fù)選框以將密碼保存在IntelliJ IDEA中。

    • 密鑰對(duì)(OpenSSH或PuTTY):使用密鑰對(duì)的SSH身份驗(yàn)證。要應(yīng)用此身份驗(yàn)證方法,您必須在客戶端計(jì)算機(jī)上擁有私鑰,并在遠(yuǎn)程服務(wù)器上擁有公鑰。IntelliJ IDEA支持使用OpenSSH實(shí)用程序生成的私鑰。

      指定存儲(chǔ)私鑰的文件的路徑,并在相應(yīng)字段中鍵入密碼(如果有)。要讓IntelliJ IDEA記住密碼,請(qǐng)選中“保存密碼”復(fù)選框。

    • OpenSSH配置和身份驗(yàn)證代理:使用由憑據(jù)幫助應(yīng)用程序管理的SSH密鑰(例如,Windows上的Pageant,或Mac和Linux上的ssh-agent)。

  6. 根據(jù)所選遠(yuǎn)程開(kāi)發(fā)環(huán)境的配置指定Node.js可執(zhí)行文件的位置。
    • 對(duì)于遠(yuǎn)程主機(jī),默認(rèn)情況下,IntelliJ IDEA建議使用:/usr/bin/node文件夾。

    • 對(duì)于Vagrant實(shí)例,默認(rèn)情況下,IntelliJ IDEA建議使用:/usr/bin/node文件夾。

    • 對(duì)于Docker容器,默認(rèn)情況下,IntelliJ IDEA建議node文件夾。

  7. 單擊“確定”后,IntelliJ IDEA將檢查Node.js可執(zhí)行文件是否實(shí)際存儲(chǔ)在指定的文件夾中。
    • 如果未找到Node.js可執(zhí)行文件,IntelliJ IDEA將顯示一條錯(cuò)誤消息,詢問(wèn)您是繼續(xù)搜索還是保存解釋器配置。

    • 如果找到Node.js可執(zhí)行文件,則返回Node.js Interpreters對(duì)話框,其中顯示安裝文件夾和檢測(cè)到的Node.js解釋器版本。

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

使用準(zhǔn)備

  1. 如“插件管理”中所述, 在“插件”頁(yè)面上安裝Vagrant,NodeJS和NodeJS遠(yuǎn)程解釋器存儲(chǔ)庫(kù)插件 。

  2. 確保按照Vagrant中的說(shuō)明在計(jì)算機(jī)上下載,安裝和配置Vagrant和Oracle的VirtualBox。

  3. 確保將以下可執(zhí)行文件的父文件夾添加到系統(tǒng)PATH變量中:
    • 您的Vagrant安裝中的vagrant.bat或vagrant。這應(yīng)該由Vagrant安裝程序自動(dòng)完成。

    • Oracle的VirtualBox安裝中的VBoxManage.exe或VBoxManage。

  4. 在要使用的Vagrant實(shí)例中配置Node.js開(kāi)發(fā)環(huán)境。

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

  1. 在主菜單上,選擇:運(yùn)行|編輯配置。在打開(kāi)的“編輯配置”對(duì)話框中,單擊“添加新配置”工具欄按鈕圖標(biāo)一般添加svg,然后在上下文菜單中選擇“Node.js”。在打開(kāi)的“運(yùn)行/調(diào)試配置:Node.js”對(duì)話框中,單擊“Node解釋器”字段旁邊的browseButton。

  2. 在打開(kāi)的“Node.js解釋器”對(duì)話框中,其中包含所有當(dāng)前配置的解釋器的列表,單擊工具欄上的圖標(biāo)一般添加svg。在打開(kāi)的對(duì)話框中,選擇上下文菜單中的“添加遠(yuǎn)程”。

  3. 在打開(kāi)的“配置Node.js遠(yuǎn)程解釋器”對(duì)話框中,選擇Vagrant方法。

  4. 指定指向您要使用的環(huán)境的Vagrant實(shí)例文件夾。從技術(shù)上講,它是所需環(huán)境的VagrantFile配置文件所在的文件夾。根據(jù)此設(shè)置,IntelliJ IDEA會(huì)檢測(cè)Vagrant主機(jī)并將其顯示為Vagrant Host URL只讀字段中的鏈接。

  5. 根據(jù)所選遠(yuǎn)程開(kāi)發(fā)環(huán)境的配置指定Node.js可執(zhí)行文件的位置。
    • 對(duì)于Vagrant實(shí)例,默認(rèn)情況下,IntelliJ IDEA建議使用:/usr/bin/node文件夾。

    要指定其他文件夾,在打開(kāi)的對(duì)話框中單擊打開(kāi)并選擇相關(guān)文件夾。請(qǐng)注意,必須打開(kāi)Node.js主目錄才能進(jìn)行編輯。

  6. 單擊“確定”后,IntelliJ IDEA將檢查Node.js可執(zhí)行文件是否實(shí)際存儲(chǔ)在指定的文件夾中。
    • 如果未找到Node.js可執(zhí)行文件,IntelliJ IDEA將顯示一條錯(cuò)誤消息,詢問(wèn)您是繼續(xù)搜索還是保存解釋器配置。

    • 如果找到Node.js可執(zhí)行文件,則返回Node.js Interpreters對(duì)話框,其中顯示安裝文件夾和檢測(cè)到的Node.js解釋器版本。

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

使用準(zhǔn)備

  1. 確保sftp服務(wù)器正在目標(biāo)遠(yuǎn)程主機(jī)上運(yùn)行,??并且您已配置對(duì)它的訪問(wèn)權(quán)限。

  2. 確保您至少具有一個(gè)SFTP類型的IntelliJ IDEA范圍服務(wù)器訪問(wèn)配置,以建立對(duì)目標(biāo)主機(jī)的訪問(wèn)權(quán)限。要在所有IntelliJ IDEA項(xiàng)目中使用配置,請(qǐng)?jiān)凇安渴穑哼B接”選項(xiàng)卡中清除“僅對(duì)此項(xiàng)目可見(jiàn)”復(fù)選框。

  3. 按照“插件管理”中的說(shuō)明在Plugins頁(yè)面上安裝NodeJS和NodeJS遠(yuǎn)程解釋器存儲(chǔ)庫(kù)插件 。

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

  1. 在主菜單上,選擇:運(yùn)行|編輯配置。在打開(kāi)的“編輯配置”對(duì)話框中,單擊“ 添加新配置”工具欄按鈕圖標(biāo)一般添加svg,然后在上下文菜單中選擇“Node.js”。在打開(kāi)的“運(yùn)行/調(diào)試配置:Node.js”對(duì)話框中,單擊“Node解釋器”字段旁邊的browseButton。

  2. 在打開(kāi)的“Node.js解釋器”對(duì)話框中,其中包含所有當(dāng)前配置的解釋器的列表,單擊工具欄上的圖標(biāo)一般添加svg。在打開(kāi)的對(duì)話框中,選擇上下文菜單中的“添加遠(yuǎn)程”。

  3. 在打開(kāi)的配置“Node.js遠(yuǎn)程解釋器”對(duì)話框中,選擇“部署配置”方法。

  4. 從“部署配置”下拉列表中,選擇您希望IntelliJ IDEA連接到目標(biāo)主機(jī)的SFTP類型的服務(wù)器訪問(wèn)配置。如果所選配置中指定的設(shè)置確保連接成功,則IntelliJ IDEA會(huì)在“部署主機(jī)URL”字段中將目標(biāo)主機(jī)的URL地址顯示為鏈接。

    要使用解釋器配置,您需要路徑映射來(lái)設(shè)置項(xiàng)目文件夾,服務(wù)器上用于復(fù)制項(xiàng)目文件的文件夾之間的對(duì)應(yīng)關(guān)系,以及用于訪問(wèn)服務(wù)器上復(fù)制數(shù)據(jù)的URL地址。默認(rèn)情況下,IntelliJ IDEA從所選的服務(wù)器訪問(wèn)(部署)配置中檢索路徑映射。如果配置不包含路徑映射,IntelliJ IDEA將顯示相應(yīng)的錯(cuò)誤消息。

    要解決此問(wèn)題,請(qǐng)打開(kāi)“ 構(gòu)建,執(zhí)行,部署”節(jié)點(diǎn)下的“ 部署”頁(yè)面,選擇相關(guān)的服務(wù)器訪問(wèn)配置,切換到“ 映射”選項(xiàng)卡,然后將本地文件夾映射到服務(wù)器上的文件夾,如“ 映射本地文件夾”中所述服務(wù)器上的文件夾和訪問(wèn)它們的URL地址部分。

  5. 根據(jù)所選遠(yuǎn)程開(kāi)發(fā)環(huán)境的配置 指定Node.js可執(zhí)行文件的位置。
    • 對(duì)于遠(yuǎn)程主機(jī),默認(rèn)情況下,IntelliJ IDEA建議使用:/usr/bin/node文件夾。

    • 對(duì)于Vagrant實(shí)例,默認(rèn)情況下,IntelliJ IDEA建議使用:/usr/bin/node文件夾。

    • 對(duì)于Docker容器,默認(rèn)情況下,IntelliJ IDEA建議使用node文件夾。

  6. 單擊“確定”后,IntelliJ IDEA將檢查Node.js可執(zhí)行文件是否實(shí)際存儲(chǔ)在指定的文件夾中。
    • 如果未找到Node.js可執(zhí)行文件,IntelliJ IDEA將顯示一條錯(cuò)誤消息,詢問(wèn)您是繼續(xù)搜索還是保存解釋器配置。

    • 如果找到Node.js可執(zhí)行文件,則返回“Node.js解釋器”對(duì)話框,其中顯示安裝文件夾和檢測(cè)到的Node.js解釋器版本。

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

您可以使用Docker快速引導(dǎo)Node.js應(yīng)用程序,IntelliJ IDEA將通過(guò)自動(dòng)創(chuàng)建新的Dockerfile來(lái)處理初始配置,使源代碼保持最新并在容器中安裝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)備

  1. 按照Docker中的描述 下載,安裝和配置Docker

  2. 如“插件管理”中所述, 在“插件”頁(yè)面上安裝NodeJS,NodeJS遠(yuǎn)程解釋器和Docker集成存儲(chǔ)庫(kù)插件 。

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

  1. 在主菜單上,選擇:運(yùn)行|編輯配置。在打開(kāi)的“編輯配置”對(duì)話框中,單擊“添加新配置”工具欄按鈕圖標(biāo)一般添加svg,然后在上下文菜單中選擇“Node.js”。在打開(kāi)的“運(yùn)行/調(diào)試配置:Node.js”對(duì)話框中,單擊“ 節(jié)點(diǎn)解釋器”字段旁邊的browseButton。

  2. 在打開(kāi)的“Node.js解釋器”對(duì)話框中,其中包含所有當(dāng)前配置的解釋器的列表,單擊工具欄上的圖標(biāo)一般添加svg。在打開(kāi)的對(duì)話框中,選擇上下文菜單中的“添加遠(yuǎn)程”。

  3. 在打開(kāi)的“配置Node.js遠(yuǎn)程解釋器”對(duì)話框中,選擇Docker方法。

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

配置映射

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

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

  1. 在主菜單上,選擇:運(yùn)行|編輯配置。在打開(kāi)的“編輯配置”對(duì)話框中,單擊“添加新配置”工具欄按鈕圖標(biāo)一般添加svg,然后在上下文菜單中選擇“Node.js”。

  2. 在打開(kāi)的“運(yùn)行/調(diào)試配置:Node.js”對(duì)話框中,從“節(jié)點(diǎn)解釋器”下拉列表中選擇所需的遠(yuǎn)程解釋器。

  3. 單擊“路徑映射”字段旁邊的browseButton。

  4. 打開(kāi)的 “編輯項(xiàng)目路徑映射”對(duì)話框顯示從部署配置或Vagrantfile檢索到的路徑映射。這些映射是只讀的。
    • 要添加自定義映射,請(qǐng)分別在“本地路徑”和“遠(yuǎn)程路徑”字段中單擊圖標(biāo)一般添加svg,并指定項(xiàng)目中的路徑和遠(yuǎn)程運(yùn)行時(shí)環(huán)境上的相應(yīng)路徑。手動(dòng)鍵入路徑,或單擊打開(kāi)并在打開(kāi)的對(duì)話框中選擇相關(guān)文件或文件夾。

    • 要?jiǎng)h除自定義映射,請(qǐng)?jiān)诹斜碇羞x擇它,然后單擊圖標(biāo)一般刪除svg。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)