购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.4 配置TypeScript库

我们知道,TypeScript是Angular应用开发中使用的主语言。它是JavaScript的“方言”之一,为类型安全和工具化而提供了设计期支持。然而,浏览器并不能直接运行TypeScript代码。它得先用tsc编译器将TypeScript代码编译成JavaScript文件,才能被浏览器所运行。因此,编译器需要进行一些配置。

1. 全局安装 TypeScript

在Angular应用中已经自带了TypeScript库,但是,为了方便在本地进行TypeScript代码的编译,需要进行全局安装。命令如下:

如果在控制台上看到如下内容输出,则说明安装成功。

2. 查看 TypeScript 的版本

可以通过以下命令来查看TypeScript的版本。

3. 调整编译目标

项目中有一个TypeScript配置文件tsconfig.json,用来指导编译器如何生成JavaScript文件。以下是hello-world应用的tsconfig.json文件内容。

其中,在默认情况下,编译目标是“es5”。如果只想发布到兼容ES6的浏览器中,则也可以把它配置为“es6”。不过,如果配置为“es6”,则在一些老的浏览器(如 IE)中就会抛出Syntax Error 异常。

至于其他配置,开发者不必太过关心,保持默认值即可。

提示:

如果有兴趣,则可以查看该文档的说明来了解各项配置的含义,网址为http://www.type scriptlang.org/docs/handbook/tsconfig-json.html。 hI+wQfrD5bWXU/A6AWedJqd3pt8PaeDbi2fK2vHqw7LMt4QlWYx3O3qx47zXULNd

点击中间区域
呼出菜单
上一章
目录
下一章
×