023-68661681
返回顶部
TypeScript 是一个JavaScript 超级集，编译为纯 JavaScript。它专为大型应用开发而设计，非常适合企业发展。 本页详细介绍了使用 CodeMix 和Angular IDE 对TypeScipt的支持。如果您使用的是MyEclipse，我们建议您将 CodeMix 添加到您的安装中，以获得最新的 TypeScript 支持。
TypeScript 是 JavaScript 的一个类型超集，它从您熟悉的同一 JavaScript 语法和语义开始。它提供了类、接口、泛型甚至模块和命名空间等构造，帮助您编写健壮、可维护的代码。
TypeScript 允许您使用最新的 JavaScript 功能编写代码，包括 ECMAScript 2015 的功能，甚至未来的建议，然后编译为干净、简单的 JavaScript 代码，该代码在任何浏览器、Node.js 或任何支持 ECMAScript 3 的 JavaScript 引擎中
运行。这允许您使用最新的开发框架和技术，而无需您的客户拥有最新的浏览器或相关技术。
除了能够使用最新的 JavaScript 技术之外，TypeScript 的输入允许我们提供卓越的内容帮助、重构，最重要的是最终验证。这些好处甚至可以扩展到现有的 JavaScript 框架中 — 您可以使用现有的 JavaScript 代码，合并流行的 JavaScript 库，以及从 JavaScript 调用 TypeScript 代码。有关 TypeScript 的信息，请参阅TypeScript 手册。
若要创建 TypeScript 项目，请转到 File>New>Project>CodeMix>TypeScript Project，键入项目名称并单击”完成”。
新的代码混合类型脚本项目向导
创建项目时，请选中 Enable NPM and Node version management 复选框，以确保在使用Terminal+中的命令行时具有固定版本的 Node 和 NPM。这些版本可以在 Project Properties>CLI Tool Management中配置。
此向导创建一个示例 TypeScript 项目，包括示例 tsconfig.json和package.json配置文件。或者，在 Eclipse 项目的根目录中手动创建 tsconfig.json文件，使项目识别为 TypeScript 项目。
注：任何包含tsconfig.json 文件的目录都使该目录成为 TypeScript 项目的根目录。这允许您在单个 Eclipse 项目中定义多个 TypeScript 项目。
在没有 tsconfig.json 文件的情况下，TypeScript 文件将被视为独立单元; 但如果您确实正在处理多个 TypeScript 文件，则不建议使用此模式。
此文件中通常配置的两个主要部分是编译器选项，以及要从项目配置中包括或排除的源文件。使用 IntelliSense （） 帮助您指定其他参数。Ctrl+Space
tsconfig.json编辑器
有关配置详细信息和示例，请参阅TypeScript 文档，以及编译器选项的列表。
注：TypeScript 设置如tsconfig.json文件中所述，没有可配置这些设置的其他属性或首选项页。
若要创建新的 TypeScript 源文件，请选择File>New>Other>CodeMix>TypeScript File 并使用向导将新文件添加到项目中。
CodeMix 提供内置的智能感知，可改善您的编码体验。
内容辅助建议在键入时显示，无需手动调用辅助，但您可以使用 。使用建议插入尚未导入的类时，也添加导入。Ctrl+Space
文档弹出窗口在可用时显示文档，包括参数信息的显示，作为您键输入方法的参数。
TypeScript 内容辅助
将鼠标悬停在字段或方法上时按以查看定义，而无需更改编辑上下文。Ctrl
预览TypeScript中的定义
减少了编写常见代码段，甚至在某些情况下使用样板的时间。代码段包括占位符，便于自定义生成的代码。
多个错误或警告具有快速修复操作，允许您单击灯泡或按以自动修复这些问题。对于某些问题，您可以选择只需单击一下即可修复项目中的所有类似问题，或禁用导致警告的规则。Ctrl+1
从上下文菜单调用重命名，以调用 TypeScript 源中的符号重命名重构。Alt+Shift+R
重命名TypeScript
您还可以执行其他重构，如将代码提取到方法、常量等。选择要提取的源代码，然后选择”重构”以查看可用的重构。Ctrl+Shift+P
大纲视图显示 TypeScript 源代码的大纲 – 双击视图中的条目以导航到相应的符号。您也可以通过访问快速轮廓。您可以开始键入以筛选显示的节点，并快速跳转到符号。Ctrl+O
快捷定位TypeScript
超链接导航允许您在文件之间或文件内跳转。在将鼠标悬停在源上时按以激活超链接 – 单击以导航到源中的该位置。您还可以按或使用上下文菜单转到定义操作。CtrlF3
菜单”格式化”操作以格式化 TypeScript 源。要配置格式化，请转到 Preferences>CodeMix>Settings>User Settings，并在筛选器中键入类型脚本.格式。根据需要调整设置。Ctrl+Shift+F
选择类型脚本”格式”设置
您可能希望对 save 执行一些操作 – 在同一设置页上，您可以根据需要修改以下设置：
editor.formatOnSavetslint.autoFixOnSavetypescriptHero.imports.organizeOnSaveLinting 与 Tslint
借助对 TSLint 的内置支持，只需在 tslint.json 文件中配置您的Linting 设置，编辑器将开始显示Linting 错误。TSLint 报告的许多错误都可以通过快速修复功能自动修复。
Tslint 的快速修复
Typescript语言验证和转用通过我们的高级生成管道支持，如果选择您的 TypeScript 文件将同时通过 IDE 中的语言智能和外部 tsc 编译器进行验证。tsc 也可用于将 Typescript 转换为 JavaScript。