一、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

 
posted on 2019-08-29 15:25  _JJJ  阅读(187)  评论(0编辑  收藏  举报