多語言開發插件CodeMix和Angular IDE的TypeScript支持

TypeScript是JavaScript的類型化超集,可編譯爲純JavaScript。它是爲開發大型應用程序設計的,非常適合企業發展。

本文詳細介紹使用CodeMix和Angular IDE的TypeScipt支持進行開發的相關內容。如果您使用的是MyEclipse,建議將CodeMix添加到安裝中以獲得最新的TypeScript支持。有關CodeMix安裝教程可查看這篇文章
提示:企業級Java EE開發工具MyEclipse正版授權可免費使用CodeMix多語言開發擴展插件。

tsconfig.json
通常在此文件中配置的兩個主要部分是編譯器選項,以及要從項目配置中包含或排除的源文件。使用IntelliSense(Ctrl+Space)可幫助您指定其他參數。

注意:TypeScript的設置在tsconfig中有描述。沒有可在其上配置這些設置的其他屬性或首選項頁面。
創建TypeScript文件
要創建新的TypeScript源文件,請選擇File > New > Other > CodeMix > TypeScript File,然後使用嚮導將新文件添加到項目中。
編輯TypeScript源
CodeMix提供內置的IntelliSense來改善編碼體驗。
內容輔助
在輸入時顯示內容幫助建議,不需要手動調用幫助,也可以使用Ctrl+Space查看建議。當您使用建議插入尚未導入的類時,導入也會被添加。
當您輸入方法的參數時,“文檔”彈出窗口會提供可用的文檔,包括參數信息的顯示。

Peek Definition
將Ctrl鼠標懸停在某個字段或方法上時可以按此鍵查看定義,而無需更改編輯上下文。

Snippets
Snippets減少了編寫通用代碼甚至在某些情況下的樣板代碼所需的時間。這些片段包含佔位符,可輕鬆自定義生成的代碼。

快速修復
多個錯誤或警告可以快速修復問題,您可以單擊“燈泡”或按Ctrl+1來自動修復這些問題。對於某些問題,您可以選擇通過單擊修復項目中的所有類似問題,或者禁用導致警告的規則。
重構
按Alt+Shift+R,或從上下文菜單調用“Rename”,以爲TypeScript源代碼中的符號調用重命名重構。

您還可以執行其他重構,例如將代碼提取到方法、常量等。選擇要提取的源代碼並按Ctrl+Shift+P,然後選擇“Refactor”查看可用的重構。
在命令面板中,您甚至可以通過對導入進行排序並刪除未使用的導入來組織導入。
大綱和導航
大綱視圖顯示TypeScript源代碼的大綱:雙擊視圖中的條目導航到相應的符號。您還可以通過按Ctrl+O來訪問快速大綱。您現在可以開始鍵入以篩選顯示的節點並快速跳轉到一個符號。

超鏈接導航使您可以在文件之間或文件中跳轉。將鼠標懸停在源代碼上時,按Ctrl鍵激活超鏈接,單擊可導航到源代碼中的該位置。您還可以按F3或使用上下文菜單“Go to Definition”操作。
格式化和保存操作
按Ctrl+Shift+F或上下文菜單“Format”操作來格式化TypeScript源。要配置格式化程序,請轉到Preferences > CodeMix > Settings > User Settings,然後在過濾器中鍵入typescript.format。根據需要調整設置。

在保存時可能需要執行一些操作。在同一設置頁面上,您可以根據需要修改以下設置:

  • editor.formatOnSave

  • tslint.autoFixOnSave

  • typescriptHero.imports.organizeOnSave

構建和驗證
用TSLint整理
有了對TSLint的內置支持,只需在tslint.json文件中配置linting設置,編輯器將開始顯示linting錯誤。TSLint報告的許多錯誤可以使用快速修復功能自動修復。

TypeScript語言驗證和翻譯
通過高級構建管道支持,TypeScript文件可通過IDE中的語言智能和外部tsc編譯器(如果您選擇的話)進行驗證。tsc也可以用於將TypeScript轉換爲JavaScript。更多MyEclipse和CodeMix相信功能和教程可進入MyEclipse中文網查看


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章