TypeScript起步

什么是TypeScript

官网的定义：

TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。

1. 首先，TypeScript（Ts）是JavaScript（Js）的超集，主要提供了类型系统和对es6的支持。
2. Ts无法直接跑在浏览器上，需要编辑成Js之后才能运行在浏览器上。
3. 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）

1. 安装ts

   npm install -g typescript

2. 初始化ts配置项目文件（生成tsconfig.json）

   tsc --init

   这个文件主要用来设置tsc命令执行的参数。

3. 初始化vscode的任务，使修改ts文件自动转化成js文件。

   alt+shift+p

   打开vscode的命令栏。

   task: run task

   选择tsconfig.json,选择构建或者监视既可。

4. 删除任务,删除对应的终端就可以了。

ps: ts编译的时候即使报错了，还是会生成编译结果,如果要在报错的时候终止 js 文件的生成，可以在 tsconfig.json 中配置 noEmitOnError 即可。