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

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

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

---

什么是TypeScript？

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

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

在沒(méi)有tsconfig.json文件的情況下，TypeScript文件被視為獨(dú)立的單元，但如果您確實(shí)要處理多個(gè)TypeScript文件，不建議使用此模式。

CodeMix安裝教程

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

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

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

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

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

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

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

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

---

標(biāo)簽：