TypeScript 自动编译生成 .js 文件

  1. npm i -g typescript
    typescript 中包含 es6,es5 语法,文件是以 .ts 后缀结尾,浏览器解析不了,需要在命令行输入 tsc filename.ts,重新编译,自动生成 .js 后缀文件
  2. vscode 自动编译 .ts
    1. 输入命令 tsc --init,生成 tsconfig.json文件,改 “outDir”:"./js"
    2. vscode 中点击任务,运行任务,监视tsconfig.json.
  3. HBuilder 自动编译 .ts
    1. 工具 插件安装 typescript
    2. 工具 选项
    3. 项目右键配置
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript 提供了一个命令行工具 `tsc`,可以将 TypeScript 代码编译成 JavaScript 代码。如果你想在保存 TypeScript 文件自动编译,可以使用以下两种方法。 ### 方法一:使用 `tsc` 的 `--watch` 选项 `tsc` 命令提供了 `--watch` 选项,可以监视指定的 TypeScript 文件,当文件发生变化时自动重新编译。你可以在命令行中输入以下命令: ``` tsc --watch your_file.ts ``` 这样,当你保存 `your_file.ts` 文件时,`tsc` 就会自动重新编译生成对应的 JavaScript 文件。 ### 方法二:使用 Node.js 的 `fs` 模块和 `child_process` 模块 如果你想要更加灵活的自动编译方式,可以使用 Node.js 的 `fs` 模块和 `child_process` 模块。你可以编写一个 Node.js 脚本,在文件保存时自动调用 `tsc` 命令进行编译。 以下是一个简单的示例代码: ```javascript const fs = require('fs'); const { exec } = require('child_process'); // 监听文件变化 fs.watch('./your_file.ts', (eventType, filename) => { if (eventType === 'change') { // 调用 tsc 命令进行编译 exec('tsc your_file.ts', (error, stdout, stderr) => { if (error) { console.error(`exec error: ${error}`); return; } console.log(`stdout: ${stdout}`); console.error(`stderr: ${stderr}`); }); } }); ``` 你可以将以上代码保存为一个 `watch.js` 文件,然后在命令行中运行 `node watch.js` 命令开始监听文件变化。当你保存 `your_file.ts` 文件时,Node.js 脚本就会自动调用 `tsc` 命令进行编译
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值