多語(yǔ)言開(kāi)發(fā)插件CodeMix和Angular IDE的Typ

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

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

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

cdn.xitu.io/2020/1/2/16f658f93f045e5e?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">

注意：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減少了編寫(xiě)通用代碼甚至在某些情況下的樣板代碼所需的時(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”，以為T(mén)ypeScript源代碼中的符號(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)在可以開(kāi)始鍵入以篩選顯示的節(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è)置，編輯器將開(kāi)始顯示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。更多MyEclipse和CodeMix相信功能和教程可進(jìn)入MyEclipse中文網(wǎng)查看