【TypeScript篇】TypeScript命令行编译和自动化编译

目录

1. 命令行编译

步骤一:创建一个demo.ts文件

步骤二:全局安装TypeScript

步骤三:使用命令编译.ts文件

2. 自动化编译

 步骤一:生成编译控制文件

步骤二:开启监视

3. 自动化编译的一些其它问题


1. 命令行编译

要把.ts文件编译为.js文件,需要配置TypeScript的编译环境,例子步骤如下:

步骤一:创建一个demo.ts文件

const person ={
    name:'张三',
    age:20
}
console.log(`我叫${person.name},我的年龄为${person.age}岁`)

步骤二:全局安装TypeScript

npm i typescript -g

步骤三:使用命令编译.ts文件

tsc demo.ts

2. 自动化编译

当我们每次修改ts文件时,它对应编译的js文件并不会实时更新,所以我们每次修改ts文件后需要手动使用“tsc 你的文件名.ts”命令进行编译。这样太过麻烦了,以至于产生了自动化编译。

 步骤一:生成编译控制文件

使用命令“tsc --init”后,会在我们的目录下边生成一个tsconfig.json配置文件,在这个配置文件中我们规定ts如何转成js。例如:开不开起严格模式、遇到错误应该做什么处理。

tsc --init

生成配置界面:

步骤二:开启监视

监视分为俩种:

        第一种:可以监视当前目录下所有ts文件

        第二种:监视某一个ts文件

当监视开启后,对应的ts文件一旦发生变化,则会自动编译生成对应的js文件。

 监视当前目录下所有的ts文件:

tsc --watch

监视当前目录下某一个文件(这里我的监视文件为demo.ts):

tsc --watch demo.ts

我的开启界面:

3. 自动化编译的一些其它问题

当你开启监视后,无论你的ts文件是否对错,它都会自动给你生成js文件。那么我想让ts文件出错时不生成对应的js文件怎么办呢?这时需要我们在生成的编译控制文件中将“noEmitOnError”解开注释。

noEmitOnError:当发生错误时,不对文件进行编译。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值