运行ts代码的方式:
- ts手动编译为js,运行js
- ts自动编译为js,运行js
1.手动编译代码
我们使用了 .ts 扩展名,但是这段代码仅仅是 JavaScript 而已。
在命令行上,使用命令tsc,输出对应响应的转换后的js代码
tsc helloworld.ts
使用命令node,运行js代码,终端中有结果出现
在命令行上,通过 Node.js 运行这段代码:
node helloworld.js
控制台输出:
Hello, Yee
当然,运行js也可以通过html引入js文件,然后浏览器打开html。下同。
2.自动编译
1). 在当前代码的目录使用下面命令,生成配置文件tsconfig.json
tsc --init
2). 找到tsconfig.json中一下两项,进行修改
"outDir": "./js",
"strict": false,
./js是用来存储生成的js文件的文件夹
3). 启动监视任务:
终端 -> 运行任务 -> 监视tsconfig.json
4). 编写ts代码,保存文件时,自动生成js代码在你指定的文件夹
保存后