德胜云资讯,添加一些关于程序相关的内容,仅供大家学习交流(https://www.wxclwl.com)

网站地图

搜索
德胜云咨询
前端分类 javascript CSS 正则表达式 html 前端框架 typescript Ajax
热门标签:
最新标签:

typescript运行TypeScript终极指南一之安装与配置typescript运行 vscode难以置信,

日期:2023/03/23 19:23作者:黄晓萍人气:

导读:原文来自 The Definitive TypeScript Guide -(https://www.sitepen.com/blog/2018/10/29/update-the-definitive-typescript-guide/ 用于大规模应用程序开发的最有趣的语言之一是Microsoft的TypeScript。 TypeScript的独特之处...

原文来自 The Definitive typescript Guide -(https://www.sitepen.com/blog/2018/10/29/update-the-definitive-typescript-guide/

用于大规模应用程序开发的最有趣的语言之一是Microsoft的TypeScript。 TypeScript的独特之处在于它是javascript(ES2015 +)的超集,但是它具有可选类型、接口、泛型等。与其他编译成为JavaScript的语言不同,TypeScript不会将JavaScript改变为一种新语言。相反,TypeScript团队格外注意将语言的额外特性尽可能地与JavaScript中可用的功能以及即将推出的功能保持一致。因此,使用TypeScript的开发者不仅能够使用JavaScript语言中的最新特性,还能使用强大的类型系统来编写组织性更好的代码,同时还能使用静态类型语言提供的高级工具。

TypeScript的真正力量源于其工具。类型是将世界级工具引入JavaScript语言的一种手段,它允许更容易维护的结构化项目。随着JavaScript项目规模的扩大(项目中的代码行和开发人员),这一点尤其重要。此外,快速、精确的实现、重构能力和即时反馈使TypeScript成为开发大规模JavaScript应用的理想语言。 TypeScript同样也很容易开始!由于JavaScript实际上是没有类型注释的TypeScript,全部或者部分现存的项目都可以立即被转化然后随着时间使用TypeScript补全所有功能。

虽然自本指南首次发布以来,TypeScript的文档已经有了显着的改进,但本指南仍然提供了关于TypeScript关键特性的概览,假设你已经掌握了JavaScript的知识并且基本了解了基于类的继承是如何工作的(如Java,PHP,C#等)。该指南定期更新,以便于提供有关TypeScript最新版本的新信息。

安装及使用

安装TypeScript只需运行npm install typescript。 安装完成后,可以通过命令行运行tsc来启动TypeScript编译器或运行本地任务使其在每个文件保存后自动编译。 如果你想在浏览器中试用TypeScript,TypeScript Playground(http://www.typescriptlang.org/play/)这个在线编辑器可让你体验TypeScript,除了不能使用模块。 本指南中的大多数示例都可以直接粘贴到TypeScript Playground中,以便于快速查看TypeScript如何编译为易于阅读的JavaScript。

配置

TypeScript编译器具有高度配置性,允许用户定义源文件的位置,以及将其转换的类型检查器应该要有多严格,还有是否允许JavaScript文件等。 每个配置选项都可以传递给tsc命令,或者写进tsconfig.json文件然后存储在项目中,用来定义编译器每次运行的方式。 tsconfig.json存储有关编译器的各种标志和设置的信息,以及模块路径解析信息。 Dojo项目中的示例tsconfig.json如下:

在项目中使用tsconfig.json的主要好处是确保编译器的每次运行配置都和上一次运行时相同,并且项目的所有贡献者都能使用相同的配置运行。 编译器还有几个配置,用于切换编译器在类型检查事的严格程度和是否允许JavaScript文件。 这是TypeScript的最棒的地方之一,因为它允许将TypeScript添加到现有项目中,而无需将整个项目代码转换为TypeScript还有全部都类型化。 诸如noImplicitAny这个配置项,如果为false,将不会针对未使用类型注释的变量或无法推断类型的变量发出编译器警告。 随着时间的推移,项目可以逐渐开始启用此配置和其他配置,从而使团队逐步向到全类型的代码迈进。 对于使用TypeScript开始的新项目,建议一开始就启用strict配置以便于从TypeScript得到完全的帮助。

tsconfig中的“lib”属性可用于指定项目可用的默认库。这里的值基于项目类型和需要运行的环境。例如,一个web项目可能需要访问DOM,因此添加“dom”将确保document的存在并包含了querySelector等方法。如果在ES2016环境中运行,或者需要相应的polyfill,也可以添加“es2016”。如果你的项目特别期望数组有include方法,则可以添加“es2016.array.include”。 这允许自定义TypeScript如何感知所需的运行环境,以及是否应该为在运行时可能实际并不存在的库代码抛出错误。

从TypeScript 2.7开始,存在一个新的引用lib指令将特定库的添加与使用该指令的文件隔离开来。 这有利于将新的或者实验性的特性隔离到单个文件中,而不是将它们提供到更广泛的项目中。 请考虑以下示例:

在此模块中编译器不会抛出有关使用Array.prototype.includes的错误,因为它包含了lib指令。 但是,如果项目中的另一个文件试图使用此方法并且tsconfig.json中未定义此lib,则编译器将抛出错误。

许多项目还拥有用于指定linter设置的tslint.json和适用于大多数JavaScript标准包的package.json文件。

TypeScript 2.0添加了Glob支持,这样就可以利用 *、?和 **/ 来轻松地include或exclude来匹配遵循模式的一组文件。

请注意,从TypeScript 2.1开始,tsconfig.json可以从其他配置文件中继承,从而减少复杂应用程序和库之间的重复使用。 这是通过extends这个使用路径作为值的关键词做到的。

未完待续,敬请期待下一篇

举报/反馈

排行

网站地图

Copyright © 2002-2022 香港德胜云网络 版权所有 | 备案号:蜀ICP备2023007363号-5

声明: 本站内容全部来自互联网,非盈利性网站仅供学习交流