TypeScript是JavaScript的類型化超集，可編譯為純JavaScript。它是為開發(fā)大型應(yīng)用程序設(shè)計的，非常適合企業(yè)發(fā)展。

本文詳細介紹使用CodeMix和Angular IDE的TypeScipt支持進行開發(fā)的相關(guān)內(nèi)容。如果您使用的是MyEclipse，建議將CodeMix添加到安裝中以獲得最新的TypeScript支持。
提示：企業(yè)級Java EE開發(fā)工具MyEclipse正版授權(quán)可免費使用CodeMix多語言開發(fā)擴展插件。

優(yōu)惠購買CodeMix授權(quán) 優(yōu)惠購買MyEclipse授權(quán)

---

什么是TypeScript？

TypeScript是JavaScript的類型化超集，提供類、接口、泛型甚至模塊和名稱空間之類的構(gòu)造，可幫助您編寫可維護的代碼。
通過TypeScript可使用最新的JavaScript功能（包括ECMAScript 2015甚至未來的建議）編寫代碼，將其編譯為可在任何瀏覽器，Node.js或任何支持ECMAScript 3的JavaScript引擎中運行JavaScript代碼。這使您可以使用最新的開發(fā)框架和技術(shù)，而無需客戶擁有最新的瀏覽器或相關(guān)技術(shù)。
除了使用最新的JavaScript技術(shù)之外，TypeScript是類型化這一特性還提供了出色的內(nèi)容輔助、重構(gòu)和最終驗證。這些好處甚至可以擴展到現(xiàn)有的JavaScript框架中-您可以使用現(xiàn)有的JavaScript代碼、合并流行的JavaScript庫，并從JavaScript調(diào)用TypeScript代碼。
TypeScript項目
要創(chuàng)建TypeScript項目，請轉(zhuǎn)到File > New > Project > CodeMix > TypeScript Project，輸入項目名稱，然后單擊“Finish”。

創(chuàng)建項目時請保持啟用NPM和節(jié)點版本管理復(fù)選框處于選中狀態(tài)，以確保在Terminal +中使用命令行時具有固定版本的Node和NPM。Project Properties>CLI Tool Management中配置這些版本。
此向?qū)?chuàng)建一個示例TypeScript項目（包括示例tsconfig.json和package.json配置文件），或在Eclipse項目的根目錄中手動創(chuàng)建tsconfig.json文件，以將該項目識別為TypeScript項目。
注意：任何包含tsconfig.json文件的目錄都將使該目錄成為TypeScript項目的根目錄。這使您可以在單個Eclipse項目中定義多個TypeScript項目。

在沒有tsconfig.json文件的情況下，TypeScript文件被視為獨立的單元，但如果您確實要處理多個TypeScript文件，不建議使用此模式。

CodeMix安裝教程

tsconfig.json
通常在此文件中配置的兩個主要部分是編譯器選項，以及要從項目配置中包含或排除的源文件。使用IntelliSense（Ctrl+Space）可幫助您指定其他參數(shù)。
注意：TypeScript的設(shè)置在tsconfig中有描述。沒有可在其上配置這些設(shè)置的其他屬性或首選項頁面。
創(chuàng)建TypeScript文件
要創(chuàng)建新的TypeScript源文件，請選擇File > New > Other > CodeMix > TypeScript File，然后使用向?qū)⑿挛募砑拥巾椖恐小?
編輯TypeScript源
CodeMix提供內(nèi)置的IntelliSense來改善編碼體驗。
內(nèi)容輔助
在輸入時顯示內(nèi)容幫助建議，不需要手動調(diào)用幫助，也可以使用Ctrl+Space查看建議。當(dāng)您使用建議插入尚未導(dǎo)入的類時，導(dǎo)入也會被添加。
當(dāng)您輸入方法的參數(shù)時，“文檔”彈出窗口會提供可用的文檔，包括參數(shù)信息的顯示。 Peek Definition
將Ctrl鼠標(biāo)懸停在某個字段或方法上時可以按此鍵查看定義，而無需更改編輯上下文。

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

快速修復(fù)
多個錯誤或警告可以快速修復(fù)問題，您可以單擊“燈泡”或按Ctrl+1來自動修復(fù)這些問題。對于某些問題，您可以選擇通過單擊修復(fù)項目中的所有類似問題，或者禁用導(dǎo)致警告的規(guī)則。
重構(gòu)
按Alt+Shift+R，或從上下文菜單調(diào)用“Rename”，以為TypeScript源代碼中的符號調(diào)用重命名重構(gòu)。

您還可以執(zhí)行其他重構(gòu)，例如將代碼提取到方法、常量等。選擇要提取的源代碼并按Ctrl+Shift+P，然后選擇“Refactor”查看可用的重構(gòu)。
在命令面板中，您甚至可以通過對導(dǎo)入進行排序并刪除未使用的導(dǎo)入來組織導(dǎo)入。
大綱和導(dǎo)航
大綱視圖顯示TypeScript源代碼的大綱：雙擊視圖中的條目導(dǎo)航到相應(yīng)的符號。您還可以通過按Ctrl+O來訪問快速大綱。您現(xiàn)在可以開始鍵入以篩選顯示的節(jié)點并快速跳轉(zhuǎn)到一個符號。

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

在保存時可能需要執(zhí)行一些操作。在同一設(shè)置頁面上，您可以根據(jù)需要修改以下設(shè)置：

• editor.formatOnSave
• tslint.autoFixOnSave
• typescriptHero.imports.organizeOnSave

構(gòu)建和驗證
用TSLint整理
有了對TSLint的內(nèi)置支持，只需在tslint.json文件中配置linting設(shè)置，編輯器將開始顯示linting錯誤。TSLint報告的許多錯誤可以使用快速修復(fù)功能自動修復(fù)。 TypeScript語言驗證和翻譯
通過高級構(gòu)建管道支持，TypeScript文件可通過IDE中的語言智能和外部tsc編譯器（如果您選擇的話）進行驗證。tsc也可以用于將TypeScript轉(zhuǎn)換為JavaScript。

---

標(biāo)簽：