如何使用CodeMix和Angular IDE的TypeScipt進行開發(fā)

如何使用CodeMix和Angular IDE的TypeScipt進行開發(fā)？針對這個問題，今天小編總結了這篇文章，希望能幫助更多想解決這個問題的朋友找到更加簡單易行的辦法。

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

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

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

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

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

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

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

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

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

• editor.formatOnSave

• tslint.autoFixOnSave

• typescriptHero.imports.organizeOnSave

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

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

以上就是使用CodeMix和Angular IDE的TypeScipt進行開發(fā)的詳細內容了，看完之后是否有所收獲呢？如果想了解更多相關內容，歡迎關注億速云行業(yè)資訊！