vscode 直接调试 ts 文件

本文介绍了如何在VSCode中设置和调试TypeScript(TS)文件。首先创建ts-learn文件夹,划分src和dist目录,接着安装typescript和ts-node。通过tsc初始化配置,生成tsconfig.json。然后配置VSCode tasks自动编译TS到JS。最后,设置launch.json以实现直接在VSCode中调试TS代码。
摘要由CSDN通过智能技术生成

1、新建一个文件夹”ts-learn”,并建立二级目录src(用于存放ts文件)和dist(存放编译后的js文件)
2、cd进入ts-learn目录
3、安装typescript依赖

npm install typescript --save-dev

4、安装ts-node

npm install ts-node --save-dev

5、在根目录执行tsc --init生成tsconfig.json,并修改为下面这样:

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": true,
        "outDir": "./dist",
        "sourceMap": true
    },
    "include": [
        "src/**/*"
    ]
}

6、配置自动编译,利用vscode的tasks自动将ts编译为js。也可以使用别的方式编译,如:gulp, webpack等。
在根目录下添加文件.vscode/tasks.json,内容如下,然后使用快捷键 Ctrl/Comand + Shift + B 开启自动编译。如果不需要自动生成js文件,则这一步可以省略。

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for thedocumentatio
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值