1. TS 安装、监视

212 阅读1分钟

一、TypeScript 安装、使用

1. 安装 typescript

npm i -g typescript

2. 查看 typeScript 是否安装成功

tsc -v

如下所示,表明安装成功

image.png

3. Ts 代码转 es5 命令

在所需的文件终端进行 tsc 命令

tsc hello.ts

4. typeScript 监视

所谓 typeScript 监视,就是我们在写 ts 代码保存后, 不用再手动进行终端转 ES5 命令,每写 新的代码后,自动转码。完成自动转码需要进行如下操作

步骤一:在所在文件下通过tsc --init生成 tsconfig.json 配置文件,修改配置文件tsconfig.json如下

image.png

步骤二:vscode 终端-运行任务- typescript - 选中所要监视tsconfig.json 配置文件,这两步完成后,我们再写ts, 就不会再手动敲转码 tsc xxx.ts 命令啦。

aa.gif

image.png

自动监视如下

image.png