什么是typescript
1、TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。
2、TypeScript 由微软开发的自由和开源的编程语言。
3、TypeScript 设计目标是开发大型应用,它是尾缀为ts的文件,可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
安装typescript
在使用npm之前电脑必须安装node.js
npm install -g typescript
cnpm install -g typescript
yarm global typescript
安装完成之后查看是否安装成功,在终端输入ts命令 tsc -v
;如果能显示ts的版本号说明安装成功。
运行typescript
- 创建尾缀为
.ts
的文件,写入最简单的console.log("hello ts");
- 打开终端输入
npm tsc 文件名称.ts
,这时候会发现.ts
平级目录多出一个.js
结尾的文件,这就是ts编译出来的JavaScript
; - 现在这个js就可以在
html
中引入使用了,也可以用node.js启动,node 文件名.js
;终端会打印出"hello window"
vscode 自动编译.ts文件
- 在终端输入
tsc --init
;生成配置文件"tssonfig.json"
; - 打开配置文件在17行找到
"outDir"
把注释解开,保存地址看自己习惯;意思是将解析出来的js文件保存的地方; - 在vscode中找到
终端->运行任务-> tsc:watch - tsconfig.json
意思是监听配置文件;这时候编辑完ts后保存就会自动生成js文件(有js文件自动更新代码);