Java開發(fā)平臺IntelliJ IDEA教程：與Node.js集成

IntelliJ IDEA是Java語言開發(fā)的集成環(huán)境，IntelliJ在業(yè)界被公認(rèn)為優(yōu)秀的Java開發(fā)工具之一，尤其在智能代碼助手、代碼自動提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查、 創(chuàng)新的GUI設(shè)計(jì)等方面的功能可以說是超常的。

 IntelliJ IDEA現(xiàn)已更新至2019.2版本，新版本改進(jìn)了java13預(yù)覽等20余項(xiàng)功能，提高了開發(fā)效率，趕快下載體驗(yàn)吧~（點(diǎn)擊查看更新詳情）

點(diǎn)擊下載IntelliJ IDEA最新試用版

Node.js

僅Ultimate Edition 支持此功能。

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

如果您僅需要Node.js作為應(yīng)用程序的本地運(yùn)行時或管理npm軟件包，運(yùn)行JavaScript linter，構(gòu)建工具，測試框架等的本地運(yùn)行時，則只需安裝Node.js即可。如果遵循標(biāo)準(zhǔn)安裝過程，則大多數(shù)情況下IntelliJ IDEA會檢測到Node.js本身。

即使計(jì)算機(jī)上沒有Node.js，也可以在“ 創(chuàng)建新項(xiàng)目”對話框的“ 新建項(xiàng)目向?qū)?nbsp;”中創(chuàng)建新的Node.js應(yīng)用程序時進(jìn)行安裝。

如果要在多個Node.js安裝之間切換，則需要將Node.js配置為本地解釋器。

要遠(yuǎn)程運(yùn)行Node.js應(yīng)用程序，請將其配置為遠(yuǎn)程解釋器。見 的Node.js與碼頭工人，Node.js的通過SFTP，通過SSH的Node.js和Node.js的與流浪漢的細(xì)節(jié)。

要配置Node.js解釋器， 如管理插件中所述， 在“ 插件”頁面上安裝NodeJS插件。

配置本地Node.js的解釋

1. 在“ 設(shè)置/首選項(xiàng)”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 語言和框架” | Node.js和NPM。

2. 在打開的 Node.js和NPM 頁面上，單擊 “ 節(jié)點(diǎn)解釋器”列表旁邊的。

3. 在打開的Node.js解釋器對話框（其中列出了所有當(dāng)前配置的解釋器）中，單擊工具欄上的。在打開的對話框中，從上下文菜單中選擇“ 添加本地”，然后選擇Node.js的本地安裝，然后單擊“ 確定”。您將返回到“ Node.js解釋器”對話框，其中“ 節(jié)點(diǎn)解釋器”只讀字段顯示所選解釋器的路徑。

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

   當(dāng)您單擊OK時，您將返回Node.js和NPM頁面，其中Node解釋器字段顯示新的解釋器。
   

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

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

1. 在“ 設(shè)置/首選項(xiàng)”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 語言和框架” | Node.js和NPM。

2. 從“ 節(jié)點(diǎn)解釋器”列表中，選擇“ 節(jié)點(diǎn)”。

   
   

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

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

IntelliJ IDEA使您可以在Windows Subsystem for Linux上使用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)”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 語言和框架” | Node.js和NPM。

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

   
   

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

   
   

創(chuàng)建Node.js應(yīng)用程式

如果還沒有應(yīng)用程序，則可以從模板生成具有特定于Node.js的結(jié)構(gòu)的IntelliJ IDEA項(xiàng)目，或者創(chuàng)建一個空的IntelliJ IDEA項(xiàng)目并在其中配置Node.js，如下面的從現(xiàn)有的Node.js應(yīng)用程序開始所述。 

創(chuàng)建一個新的Node.js應(yīng)用程序

1. 選擇文件| 新增| 項(xiàng)目從主菜單或單擊新建項(xiàng)目的按鈕歡迎屏幕。

2. 在“ 新建項(xiàng)目”向?qū)У牡谝豁摰摹?nbsp;項(xiàng)目類別和選項(xiàng)”對話框中，在左側(cè)窗格中選擇Node.js和NPM。

3. 在右側(cè)窗格中，選擇Node.js Express App并單擊Next。

4. 在向?qū)У牡诙撋希?nbsp;指定項(xiàng)目文件夾，Node.js解釋器，程序包管理器（npm或Yarn）。

5. 對于Node.js Express應(yīng)用，請指定express-generator的版本， 然后選擇要使用的模板語言和樣式表語言。

6. 單擊完成時，IntelliJ IDEA將下載必要的依賴項(xiàng)并為它們以及Node.js核心API啟用代碼完成功能。

7. 對于Node.js Express，IntelliJ IDEA 使用默認(rèn)設(shè)置創(chuàng)建Node.js類型的運(yùn)行/調(diào)試配置，并生成特定于Node.js Express的基本目錄結(jié)構(gòu)。

對于Node.js，IntelliJ IDEA只需運(yùn)行npm init命令以生成package.json文件。

要創(chuàng)建一個空的IntelliJ IDEA的項(xiàng)目

1. 選擇文件| 新增| 項(xiàng)目從主菜單或單擊新建項(xiàng)目的按鈕歡迎屏幕。

2. 在“ 新建項(xiàng)目”向?qū)У牡谝豁摰摹?nbsp;項(xiàng)目類別和選項(xiàng)”對話框中，在左側(cè)窗格中選擇“ 靜態(tài)Web ”。

3. 在右側(cè)窗格中，再次選擇“ 靜態(tài)Web”，然后單擊“ 下一步”。

4. 在向?qū)У牡诙撋?，指定?xiàng)目文件夾和名稱，然后單擊完成。

與現(xiàn)有的Node.js應(yīng)用程序啟動

如果要繼續(xù)開發(fā)現(xiàn)有的Node.js應(yīng)用程序，請?jiān)贗ntelliJ IDEA中將其打開，在其中配置Node.js，然后下載所需的依賴項(xiàng)。

打開計(jì)算機(jī)上已經(jīng)存在的應(yīng)用程序源

單擊“ 歡迎”屏幕上的“ 打開 ”，或選擇“ 文件” |“共享”。從主菜單打開。在打開的對話框中，選擇存儲源的文件夾。

為了從你的版本控制檢查出的應(yīng)用程序源

1. 單擊“ 歡迎”屏幕上的“ 從版本控制中簽出”，或選擇“ VCS | 從主菜單中的“ 版本控制”中簽出。

2. 從列表中選擇您的版本控制系統(tǒng)。

3. 在打開的特定于VCS的對話框中，鍵入您的憑據(jù)和存儲庫以從中檢出應(yīng)用程序源。

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

• 在嵌入式終端（Alt+F12）中，鍵入：

  npm install

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

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

1. 在“ 設(shè)置/首選項(xiàng)”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 語言和框架” | Node.js和NPM。

2. 在“ 節(jié)點(diǎn)解釋器”字段中， 指定當(dāng)前項(xiàng)目的默認(rèn)Node.js解釋器。每當(dāng)您在創(chuàng)建運(yùn)行/調(diào)試配置或配置依賴于Node.js的工具（例如Prettier或Yeoman）時，Project從Node Interpreter列表中選擇別名時，IntelliJ IDEA都會自動使用它。

   從列表中或單擊時打開的對話框中選擇解釋器。如果選擇node，則使用系統(tǒng)Node.js版本。

3. 選中“ Node.js的編碼幫助”復(fù)選框 將Node.js Core模塊源配置為JavaScript庫并將其與您的項(xiàng)目關(guān)聯(lián)。其結(jié)果是，IntelliJ IDEA的提供代碼完成，參考分辨率，驗(yàn)證，以及用于調(diào)試能力fs，path，http，被編譯成二進(jìn)制的Node.js等核心模塊。

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

4. （可選） 配置將Node.js Core源視為庫的范圍：

1. 單擊 管理范圍?！?nbsp;使用范圍” 對話框打開。

   單擊相關(guān)目錄，然后從列表中為每個目錄選擇新配置的Node.js Core庫。

2. =====================================================

IntelliJ IDEA示例/使用教程/視頻資源合集，請點(diǎn)擊此處查看

想要了解或購買IntelliJ IDEA正版授權(quán)的朋友，歡迎咨詢慧都官方客服

關(guān)注下方微信公眾號，及時獲取產(chǎn)品最新消息和最新資訊