一、TypeScript是什么?
TypeScript 是一种由微软开发的自由和开源的编程语言。
它是 JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。它的最大特点就是支持强类型和 ES6 Class。
其实TypeScript就是相当于JavaScript的增强版,最后运行时还要编译成JavaScript。
TypeScript最大的目的是让程序员更具创造性,提高生产力,它将极大增强JavaScript编写应用的开发和调试环节,让JavaScript能够方便用于编写大型应用和进行多人协作。
二、安装TypeScript
有两种主要的方式来获取TypeScript工具:
- 通过npm:npm install typescript -g
- 安装Visual Studio的TypeScript插件
三、构建你的第一个TypeScript文件 —— Hello TypeScript!
1.新建一个typescript文件夹,通过命令行进入typescript文件夹目录下,执行tsc --init初始化项目,可以看到在typescript文件夹目录下生成了一个tsconfig.json文件
2.新建一个helloworld.ts文件,在Vscode中打开,输入:
3.在Vscode的任务菜单下,打开运行生成任务,然后选择tsc:build-tsconfig.json,这时候就会生成一个helloworld.js文件
(或者使用快捷键Ctrl+Shift+B)
4.新建一个index.html文件,引入生成的helloworld.js文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Hello World</title> </head> <body> <script src="helloworld.js"></script> </body> </html>
5.预览index.html