TypeScript代码的手动编译和自动编译两种方式


运行ts代码的方式:

  1. ts手动编译为js,运行js
  2. 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代码在你指定的文件夹

在这里插入图片描述
保存后

在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值