Typescript 环境搭建:vscode 运行任务自动编译无效的问题

本文介绍了如何使用tsc初始化TypeScript配置文件tsconfig.json,并设置outDir和strict选项。通过VSCode的任务运行,实现对TS文件的监视编译。当修改tsconfig.json后,需重新运行监视任务。若编辑器未自动编译TS文件,可能需检查终端类型是否为cmd或powershell,并确保路径配置正确。
摘要由CSDN通过智能技术生成

参考资料:传送门一传送门二

操作流程

  1. 运行 tsc --init 命令。当前文件夹下会自动创建 tsconfig.json 文件
  2. 进入 tsconfig.json 文件,修改 outDirstrict 字段(如下图)
    在这里插入图片描述
  3. 编辑器顶部:终端 => 运行任务 => 显示所有任务 => 选择 tsc:监视tsconfig.json
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

问题

在执行完上述操作后,我在对应文件夹下新建了一个ts文件,编写ts语法时,编辑器并未自动编译

  1. 修改 outDir 值时需要注意以 / 结尾
  2. 每次修改 tsconfig.json 文件重新执行步骤3
  3. vscode 的终端设置默认为 cmd 或者 powershell;
    在这里插入图片描述
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值