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