什么是TypeScript
官网的定义:
TypeScript 是 JavaScript 的类型的超集,它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。
- 首先,TypeScript(Ts)是JavaScript(Js)的超集,主要提供了类型系统和对es6的支持。
- Ts无法直接跑在浏览器上,需要编辑成Js之后才能运行在浏览器上。
- Ts的编译工具可以运行在任何服务器和系统上,这意味着可以更好集成。
ts编译工具
安装TypeScript命令行工具:
npm install -g typescript
安装之后,就可以使用tsc
命令将.ts
文件转化为.js
文件。
例如:
tsc ./ts/hello.ts
蒋指定路径下的ts文件生成对应的js文件在当前文件夹
tsc
还有一些参数:
tsc ./ts/hello.ts --outDir ./js //设置输出文件夹
tsc ./ts/hello.ts --outFile ./js/test.js //设置输出文件路径
集成到ide中(vscode)
-
安装ts
npm install -g typescript
-
初始化ts配置项目文件(生成
tsconfig.json
)tsc --init
这个文件主要用来设置
tsc
命令执行的参数。 -
初始化
vscode
的任务,使修改ts文件自动转化成js文件。alt+shift+p
打开
vscode
的命令栏。task: run task
选择tsconfig.json,选择构建或者监视既可。
-
删除任务,删除对应的终端就可以了。
ps: ts编译的时候即使报错了,还是会生成编译结果,如果要在报错的时候终止 js 文件的生成,可以在 tsconfig.json 中配置 noEmitOnError 即可。