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

本系列教程內(nèi)容為如何將IntelliJ IDEA與您喜歡的語言，平臺或框架結(jié)合使用。本教程將介紹如何開發(fā)，運行和調(diào)試TypeScript 源代碼 。

點擊下載IntelliJ IDEA最新試用版

TypeScript

請注意：此功能僅在Ultimate版本中受支持。

IntelliJ IDEA支持開發(fā)，運行和調(diào)試TypeScript 源代碼。IntelliJ IDEA可識別.ts文件，并提供全方位的編碼幫助，無需任何額外步驟即可對其進行編輯。TypeScript文件標有圖標。

TypeScript感知編碼輔助包括完成關(guān)鍵字，標簽，變量，參數(shù)和函數(shù)，錯誤和語法突出顯示，格式化，大量代碼檢查和快速修復，以及常見和特定于TypeScript的重構(gòu)。IntelliJ IDEA還可以動態(tài)地驗證TypeScript并將其編譯為JavaScript。

驗證TypeScript并將其編譯為JavaScript 

IntelliJ IDEA主要基于TypeScript語言服務中的數(shù)據(jù)驗證TypeScript代碼，該服務還將TypeScript編譯為JavaScript。

在TypeScript工具窗口的“ 錯誤和編譯錯誤”選項卡中報告所有檢測到的語法和編譯錯誤。對于每個錯誤，IntelliJ IDEA提供簡要描述以及有關(guān)其發(fā)生的行數(shù)的信息。

“ 控制臺”選項卡顯示自打開工具窗口以來TypeScript語言服務的日志。

配置與TypeScript語言服務的集成

1. 在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 語言和框架”| TypeScript。將打開TypeScript頁面。

2. 指定要使用的Node.js解釋器。這可能是一個本地Node.js的解釋或適用于Linux在Windows子系統(tǒng)Node.js的。

3. 從TypeScript列表中 

   打開TypeScript工具窗口（View | Tool Windows | TypeScript）并切換到Errors選項卡。
   

   打開TypeScript工具窗口（View | Tool Windows | TypeScript）并切換到Compile errors選項卡。
   

   要查看對象的推斷類型，請按住Ctrl鼠標指針并將其懸停在其上。

   

   在TypeScript中使用JavaScript庫
   

   在TypeScript中使用JavaScript庫時，需要為它們安裝類型聲明。IntelliJ IDEA提醒您通過npm安裝它們并相應地更新您的package.json文件。

   安裝類型聲明

   1. 將插入符號置于警告位置并按Alt+Enter。

   2. 選擇建議，然后按Enter。

   

   文檔查找

   IntelliJ IDEA允許您從項目及其依賴項中獲取符號，在外部庫中定義符號以及標準JavaScript API，因為TypeScript實現(xiàn)了所有這些符號。

   文檔顯示在“ 文檔”彈出窗口中，該彈出窗口有助于通過超鏈接導航到相關(guān)符號，并提供用于在已導航頁面中來回移動的工具欄。

   查看插入符號的文檔

   按Ctrl+Q或選擇查看| 主菜單中的快速文檔查找。符號的引用顯示在“ 文檔”彈出窗口中。
   

   對于TypeScript中可用的標準JavaScript方法，IntelliJ IDEA還顯示指向相應MDN文章的鏈接。

   

   查看插入符號的MDN文檔

   • 在“ 文檔”窗口中Ctrl+Q，單擊“MDN”鏈接。

   • 或者，按Shift+F1或選擇 查看| 主菜單中的外部文檔。

   IntelliJ IDEA在默認的IntelliJ IDEA瀏覽器中打開MDN文章 。

   重構(gòu)代碼

   IntelliJ IDEA提供常見的重構(gòu)過程，例如重命名/移動等，以及TypeScript特定的重構(gòu)過程，例如更改簽名，提取參數(shù)， 提取變量。

   在TypeScript中自動導入 

   IntelliJ IDEA可以為模塊，類，組件以及導出的任何其他TypeScript符號生成import語句。默認情況下，IntelliJ IDEA會在您完成TypeScript符號時添加import語句。

   當您鍵入代碼或粘貼帶有尚未導入的符號的片段時，IntelliJ IDEA還可以為此符號生成導入語句。如果只有一個源從中導入符號，IntelliJ IDEA將以靜默方式插入導入語句。否則，請使用導入彈出窗口或?qū)Ｓ脤肟焖傩迯汀?/p>

   在代碼完成時添加import語句 

   1. 在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 編輯器”| 一般| 自動導入。將打開“ 自動導入”頁面。

   2. 在TypeScript / JavaScript區(qū)域中，選擇自動添加TypeScript導入和On代碼完成復選框。

   要更改導入彈出窗口的背景顏色，請按，然后Ctrl+Alt+S轉(zhuǎn)到 編輯器| 配色方案| 一般| 彈出窗口和提示| 問題提示。

   在鍵入或粘貼代碼時添加import語句

   1. 在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 編輯器”| 一般| 自動導入。將打開“ 自動導入”頁面。

   2. 在TypeScript / JavaScript區(qū)域中，選擇自動添加TypeScript導入 和動態(tài)明確導入復選框。

   使用導入彈出窗口

   如果由于某種原因在完成或編輯時未添加TypeScript符號的import語句，IntelliJ IDEA會顯示一個建議導入符號的彈出窗口。要接受該建議，請按Alt+Enter：

   

   如果有多個可能的導入源，IntelliJ IDEA會通知您：

   

   Alt+Enter 在這種情況下按下會打開一個建議列表：

   

   隱藏導入彈出窗口

   1. 在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉(zhuǎn)到“ 編輯器”| 一般| 自動導入。將打開“ 自動導入”頁面。

   2. 清除導入彈出復選框。

   使用導入快速修復

   您始終可以通過專用的快速修復添加導入語句：

   

   當您選擇添加導入語句時， IntelliJ IDEA會添加導入：

   

   如果有多個來源導入符號，IntelliJ IDEA會顯示一個建議列表：

   

   如果在項目中啟用了TypeScript語言服務，您還可以使用其建議：

   

   如果要從中導入符號有多個源，則TypeScript語言服務會顯示以下幾個建議：

   

   相關(guān)閱讀推薦：

   IntelliJ IDEA最新版本2019.2全面解析，Java 13預覽等多項新功能上線 （上）

   IntelliJ IDEA最新版本2019.2全面解析，Java 13預覽等多項新功能上線 （下）

   =====================================================

   想要購買IntelliJ IDEA正版授權(quán)的朋友可以。

   更多精彩內(nèi)容，敬請關(guān)注下方的微信公眾號，及時獲取產(chǎn)品最新資訊▼▼▼

   

   
   標簽：

   本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn

   文章轉(zhuǎn)載自：
   
   
   上一篇：VARCHART XGantt_v5.1用戶手冊：與活動的互動（.NET版） 下一篇：VARCHART XGantt_v5.1用戶手冊：與活動的互動（ActiveX版）