一、安装 TypeScript
npm install -g typescript
二、检查版本看是否安装成功
tsc -v
三、手动转换
- 进入到需要转换的 demo.ts 文件路径,命令行输入以下内容
tsc demo.ts
- 此时当前路径就会生成一个 demo.js 文件,即转换完成
四、自动转换
- 生成一个 tsconfig.json 文件,命令行输入以下内容
-
tsc --init
- 进入 tsconfig.json
- 修改
"outDir": "存放转换后的 demo.js 的存储路径",,比如"outDir": "./js",就是在当前目录创建一个 js 文件夹,用于存放生成的 js 文件 - vscode 为例,选择终端,然后选择运行任务,就会自动检测生成如下任务,点击进行任务监听
- 监听后,直接写 ts 代码,保存后会自动生成新的 js 代码文件。
参考来源:「BHFloV」 原文链接