欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Typescript学习(一)----准备篇

程序员文章站 2022-06-27 22:27:14
什么是typescript? typescript是微软开发的一个脚本语言。他是JavaScript的超级,他遵循es6语法规范,他扩展了JavaScript的语法。 理解es5,es6,javascript,typescript的概念和关系? es是JavaScript脚本规范,我们常用的es5, ......

什么是typescript?

typescript是微软开发的一个脚本语言。他是JavaScript的超级,他遵循es6语法规范,他扩展了JavaScript的语法。

理解es5,es6,javascript,typescript的概念和关系?

es是JavaScript脚本规范,我们常用的es5,es6是这个规范的两个不同版本。因此,ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现

我们为什么要学习typescript语言?

1.因为typescript支持es6的规范
2.减少在开发过程中代码出错几率,提高代码质量

使用typescript编译工具

大部分的主流浏览器还不支持typescript脚本的语法,所以我们需要一些编译工具来实现typescript对JavaScript的转换:
1.使用typescript官网的工具:http://www.typescriptlang.org/play/index.html
2.安装本地的typescript编译工具

本地安装使用typescript?

1.输入下面的命令

npm install -g typescript

2.在你所需要的目录下新建文件demo.ts,并输入下面的代码:

export class hello{
}

3.在刚才的目录下面使用命令行输入 tsc demo.ts,你就可以在本目录下面得到一个已经编译好的demo.js文件,这样我们就完成了一次typescript的编译

使用vscode编辑器实现typescript的自动编译

看了网上的很多博客都有关于构建任务来执行Typescript编译的,如果你需要制定输出目录的,那么你可以选用这些博客中的内容。如果你仅仅是需要学习typescript让它能转换成大多数浏览器支持的JavaScript格式,逆境不需要局限于任何编辑器,只需要在项目根目录下面开启一个终端,输入下面的代码:

tsc -w

下面摘自typescript官网的一段描述Typescript学习(一)----准备篇
(在Watch模式下运行编译器。监视输入文件并触发更改的重新编译。)
这样我们在修改ts文件时,就能动态的在统计目录下面更新同名js文件了