多語言開發插件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中文網查看