什么是TypeScript?
TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
TypeScript 可以编译出纯净、 简洁的 JavaScript 代码,并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3(或更高版本)的JavaScript 引擎中。
安装TypeScript
命令行运行该命令,全局安装TypeScript
npm install -g typescript
安装完成后,输入命令检查是否安装成功
tsc -V
简单编写TS程序
hello.ts
function sayHi(str: string) {
return 'hello ' + str;
};
let text = '小明';
console.log(sayHi(text));
题外话:
1、如果ts文件中直接书写js语法的代码 在html文件中是可以直接使用的
2、如果ts文件中包含ts语法 则需要通过编译成js文件才可以使用
手动编译
执行下面的命令 生成ts对于的js文件
tsc hello.ts
每次编写完成后都需要手动执行命令,操作繁琐,接着探索自动编译。
vscode自动编译
1、生成配置文件tsconfig.json
tsc --init
2、根据需求修改tsconfig.json中的配置
3、启动监视任务
点击vscode上的终端 --> 运行任务 --> 显示所有任务 --> tsc:监视
关于启动监视任务补充点图片
终端和运行任务:
显示所有任务:
tsc:监视: