TS创建及自动编译

119 阅读1分钟

1、全局安装ts。

npm i -g typescript

2、检查是否安装成功,输入下方指令,会出现对应的ts版本。

tsc -v

3、浏览器直接引用ts文件,若该文件是按照js书写,可直接使用,若使用了ts语法,则无法直接使用,需要编译为js才可以使用。

4、单个编译ts文件,会得到对应的js文件:例如1.ts

tsc 1.ts

5、设置vscode自动编译ts。

5.1 运行tsc --init;创建tsconfig.json。

tec --init

5.2 修改tsconfig.json。

设置编译后的js放置的文件夹.搜索找到outDir,可以把输出路径修改为"outDir":"./js/"。

5.3 设置vscode监视任务,只要ts发生变化,会自动生成对应的js。

运行tsc -w命令监听。

tsc -w