.ts 文件编译成 .js 文件,以和 VSCode 自动编译配置
一、手动编译
-
创建了一个
test.ts
文件,想要将它编译成.js
文件,执行下面命令:# 编译后会得到一个 test.js 文件 $ tsc test.ts
-
还可以指定版本进行编译,下面以
ES5
举例,想要将现有的.ts
文件编译成ES5
版本的.js
文件,则可以通过--target 某版本
进行指定版本编译,不指定默认一般是当前开发环境支持的最高版本。# 编译后会得到一个 ES5 版本的 test.js 文件 $ tsc --target ES5 test.ts
二、自动编译配置
1、生成 tsconfig.json
配置文件,找到项目根目录执行初始化命令,会指定创建好配置文件:
$ tsc --init
2、调整 tsconfig.json
配置(其他配置有注释,自己根据情况选择):
"outDir": "./js", /* 把 ts 文件编译完成后放在 js 文件目录中,没有会自动创建。 */
"strict": false, /* 是否使用严格模式,默认是 true,看个人习惯 */
3、启动监视任务:
-
VSCode
编辑器顶部菜单中找到:终端
->运行任务
-> 弹出窗口中点击显示所有任务
-> 点击启动tsc: 监视 - tsconfig.json
。 -
然后就会进入自动监视编译状态,如果去新建或者已存在的
.ts
文件会被自动编译后放在./js
文件夹中,直接引用js
文件夹中的.js
文件即可,每次调整.ts
代码保存后也会被自动编译。 -
如果想要停止监视,在顶部菜单中找到:
终端
->终止任务
-> 点击终止tsc: 监视 - tsconfig.json
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgghgjc
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13