如何使用CodeMix和Angular IDE的TypeScipt进行开发

发布时间:2020-06-12 10:59:37 作者:Leah
来源:亿速云 阅读:198

如何使用CodeMix和Angular IDE的TypeScipt进行开发?针对这个问题,今天小编总结了这篇文章,希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。

tsconfig.json
通常在此文件中配置的两个主要部分是编译器选项,以及要从项目配置中包含或排除的源文件。使用IntelliSense(Ctrl+Space)可帮助您指定其他参数。

如何使用CodeMix和Angular IDE的TypeScipt进行开发cdn.xitu.io/2020/1/2/16f658f93f045e5e?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">

注意:TypeScript的设置在tsconfig中有描述。没有可在其上配置这些设置的其他属性或首选项页面。
创建TypeScript文件
要创建新的TypeScript源文件,请选择File > New > Other > CodeMix > TypeScript File,然后使用向导将新文件添加到项目中。
编辑TypeScript源
CodeMix提供内置的IntelliSense来改善编码体验。
内容辅助
在输入时显示内容帮助建议,不需要手动调用帮助,也可以使用Ctrl+Space查看建议。当您使用建议插入尚未导入的类时,导入也会被添加。
当您输入方法的参数时,“文档”弹出窗口会提供可用的文档,包括参数信息的显示。

如何使用CodeMix和Angular IDE的TypeScipt进行开发

Peek Definition
将Ctrl鼠标悬停在某个字段或方法上时可以按此键查看定义,而无需更改编辑上下文。

如何使用CodeMix和Angular IDE的TypeScipt进行开发

Snippets
Snippets减少了编写通用代码甚至在某些情况下的样板代码所需的时间。这些片段包含占位符,可轻松自定义生成的代码。

如何使用CodeMix和Angular IDE的TypeScipt进行开发

快速修复
多个错误或警告可以快速修复问题,您可以单击“灯泡”或按Ctrl+1来自动修复这些问题。对于某些问题,您可以选择通过单击修复项目中的所有类似问题,或者禁用导致警告的规则。
重构
按Alt+Shift+R,或从上下文菜单调用“Rename”,以为TypeScript源代码中的符号调用重命名重构。

如何使用CodeMix和Angular IDE的TypeScipt进行开发

您还可以执行其他重构,例如将代码提取到方法、常量等。选择要提取的源代码并按Ctrl+Shift+P,然后选择“Refactor”查看可用的重构。
在命令面板中,您甚至可以通过对导入进行排序并删除未使用的导入来组织导入。
大纲和导航
大纲视图显示TypeScript源代码的大纲:双击视图中的条目导航到相应的符号。您还可以通过按Ctrl+O来访问快速大纲。您现在可以开始键入以筛选显示的节点并快速跳转到一个符号。

如何使用CodeMix和Angular IDE的TypeScipt进行开发

超链接导航使您可以在文件之间或文件中跳转。将鼠标悬停在源代码上时,按Ctrl键激活超链接,单击可导航到源代码中的该位置。您还可以按F3或使用上下文菜单“Go to Definition”操作。
格式化和保存操作
按Ctrl+Shift+F或上下文菜单“Format”操作来格式化TypeScript源。要配置格式化程序,请转到Preferences > CodeMix > Settings > User Settings,然后在过滤器中键入typescript.format。根据需要调整设置。

如何使用CodeMix和Angular IDE的TypeScipt进行开发

在保存时可能需要执行一些操作。在同一设置页面上,您可以根据需要修改以下设置:

构建和验证
用TSLint整理
有了对TSLint的内置支持,只需在tslint.json文件中配置linting设置,编辑器将开始显示linting错误。TSLint报告的许多错误可以使用快速修复功能自动修复。

如何使用CodeMix和Angular IDE的TypeScipt进行开发

TypeScript语言验证和翻译
通过高级构建管道支持,TypeScript文件可通过IDE中的语言智能和外部tsc编译器(如果您选择的话)进行验证。tsc也可以用于将TypeScript转换为JavaScript。更多MyEclipse和CodeMix相信功能和教程可进入MyEclipse中文网查看

以上就是使用CodeMix和Angular IDE的TypeScipt进行开发的详细内容了,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎关注亿速云行业资讯!

推荐阅读:
  1. Eclipse插件CodeMix中Angular IDE的功能及在开发过程中的作用
  2. carlmvc框架的安装和使用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

angular ide codemix typescript

上一篇:JS更改注册表的方法

下一篇:python常用的运维脚本有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》