Java開發平臺IntelliJ IDEA教程：開發，運行和調試TypeScript源代碼
IntelliJ IDEA是Java語言開發的集成環境，IntelliJ在業界被公認為優秀的Java開發工具之一，尤其在智能代碼助手、代碼自動提示、重構、J2EE支持、Ant、JUnit、CVS整合、代碼審查、 創新的GUI設計等方面的功能可以說是超常的。
本系列教程內容為如何將IntelliJ IDEA與您喜歡的語言，平臺或框架結合使用。本教程將介紹如何開發，運行和調試TypeScript 源代碼 。
TypeScript
請注意：此功能僅在Ultimate版本中受支持。
IntelliJ IDEA支持開發，運行和調試TypeScript 源代碼。IntelliJ IDEA可識別.ts文件，并提供全方位的編碼幫助，無需任何額外步驟即可對其進行編輯。TypeScript文件標有
圖標。
TypeScript感知編碼輔助包括完成關鍵字，標簽，變量，參數和函數，錯誤和語法突出顯示，格式化，大量代碼檢查和快速修復，以及常見和特定于TypeScript的重構。IntelliJ IDEA還可以動態地驗證TypeScript并將其編譯為JavaScript。
驗證TypeScript并將其編譯為JavaScript
IntelliJ IDEA主要基于TypeScript語言服務中的數據驗證TypeScript代碼，該服務還將TypeScript編譯為JavaScript。
在TypeScript工具窗口的“ 錯誤和編譯錯誤”選項卡中報告所有檢測到的語法和編譯錯誤。對于每個錯誤，IntelliJ IDEA提供簡要描述以及有關其發生的行數的信息。
“ 控制臺”選項卡顯示自打開工具窗口以來TypeScript語言服務的日志。
配置與TypeScript語言服務的集成
在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉到“ 語言和框架”| TypeScript。將打開TypeScript頁面。
指定要使用的Node.js解釋器。這可能是一個本地Node.js的解釋或適用于Linux在Windows子系統Node.js的。
從TypeScript列表中
打開TypeScript工具窗口（View | Tool Windows | TypeScript）并切換到Errors選項卡。
打開TypeScript工具窗口（View | Tool Windows | TypeScript）并切換到Compile errors選項卡。
要查看對象的推斷類型，請按住Ctrl鼠標指針并將其懸停在其上。
在TypeScript中使用JavaScript庫
在TypeScript中使用JavaScript庫時，需要為它們安裝類型聲明。IntelliJ IDEA提醒您通過npm安裝它們并相應地更新您的package.json文件。
安裝類型聲明
將插入符號置于警告位置并按Alt+Enter。
選擇建議，然后按Enter。
文檔查找
IntelliJ IDEA允許您從項目及其依賴項中獲取符號，在外部庫中定義符號以及標準JavaScript API，因為TypeScript實現了所有這些符號。
文檔顯示在“ 文檔”彈出窗口中，該彈出窗口有助于通過超鏈接導航到相關符號，并提供用于在已導航頁面中來回移動的工具欄。
查看插入符號的文檔
按Ctrl+Q或選擇查看| 主菜單中的快速文檔查找。符號的引用顯示在“ 文檔”彈出窗口中。
對于TypeScript中可用的標準JavaScript方法，IntelliJ IDEA還顯示指向相應MDN文章的鏈接。
查看插入符號的MDN文檔
在“ 文檔”窗口中Ctrl+Q，單擊“MDN”鏈接。
或者，按Shift+F1或選擇 查看| 主菜單中的外部文檔。
IntelliJ IDEA在默認的IntelliJ IDEA瀏覽器中打開MDN文章 。
重構代碼
IntelliJ IDEA提供常見的重構過程，例如重命名/移動等，以及TypeScript特定的重構過程，例如更改簽名，提取參數， 提取變量。
在TypeScript中自動導入
IntelliJ IDEA可以為模塊，類，組件以及導出的任何其他TypeScript符號生成import語句。默認情況下，IntelliJ IDEA會在您完成TypeScript符號時添加import語句。
當您鍵入代碼或粘貼帶有尚未導入的符號的片段時，IntelliJ IDEA還可以為此符號生成導入語句。如果只有一個源從中導入符號，IntelliJ IDEA將以靜默方式插入導入語句。否則，請使用導入彈出窗口或專用導入快速修復。
在代碼完成時添加import語句
在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉到“ 編輯器”| 一般| 自動導入。將打開“ 自動導入”頁面。
在TypeScript / JavaScript區域中，選擇自動添加TypeScript導入和On代碼完成復選框。
要更改導入彈出窗口的背景顏色，請按，然后Ctrl+Alt+S轉到 編輯器| 配色方案| 一般| 彈出窗口和提示| 問題提示。
在鍵入或粘貼代碼時添加import語句
在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉到“ 編輯器”| 一般| 自動導入。將打開“ 自動導入”頁面。
在TypeScript / JavaScript區域中，選擇自動添加TypeScript導入 和動態明確導入復選框。
使用導入彈出窗口
如果由于某種原因在完成或編輯時未添加TypeScript符號的import語句，IntelliJ IDEA會顯示一個建議導入符號的彈出窗口。要接受該建議，請按Alt+Enter：
如果有多個可能的導入源，IntelliJ IDEA會通知您：
Alt+Enter 在這種情況下按下會打開一個建議列表：
隱藏導入彈出窗口
在“ 設置/首選項”對話框（Ctrl+Alt+S）中，轉到“ 編輯器”| 一般| 自動導入。將打開“ 自動導入”頁面。
清除導入彈出復選框。
使用導入快速修復
您始終可以通過專用的快速修復添加導入語句：
當您選擇添加導入語句時， IntelliJ IDEA會添加導入：
如果有多個來源導入符號，IntelliJ IDEA會顯示一個建議列表：
如果在項目中啟用了TypeScript語言服務，您還可以使用其建議：
如果要從中導入符號有多個源，則TypeScript語言服務會顯示以下幾個建議：
相關閱讀推薦：
IntelliJ IDEA最新版本2019.2全面解析，Java 13預覽等多項新功能上線 （上）
IntelliJ IDEA最新版本2019.2全面解析，Java 13預覽等多項新功能上線 （下）
=====================================================
想要購買IntelliJ IDEA正版授權的朋友可以。
更多精彩內容，敬請關注下方的微信公眾號，及時獲取產品最新資訊▼▼▼
QQ交談
在線咨詢
渝公網安備
50010702500608號
客服熱線