vs code 如何配置配置自动编译将TypeScript代码编译成为JavaScript代码看这一篇就够了!!!

TS代码自动编译为JS代码

    • 1. 检查是否有node环境
    • 2. 执行 tsc命令
    • 3. 监控编译
  • 总结

本文介绍了vs code如何配置自动编译,将TypeScript代码编译成为JavaScript代码。

1. 检查是否有node环境

检查系统是否有node环境,命令如下

node -v
npm -v

在这里插入图片描述
如果没有安装node,先安装node环境,关于这个就不过多介绍了,下载一个node的msi安装包,直接安装即可,默认是自动带npm包管理的。

2. 执行 tsc命令

执行以下命令

tsc --init

在这里插入图片描述

执行之后会在目录中生成一个 tsconfig.json文件 找到outDir,这个配置的是将来编译之后js文件的位置

在这里插入图片描述

3. 监控编译

点击 vs code的 Termial->Run Task->typescript->tsc:watch即可开启监控编译,什么是监控编译呢?顾名思义,就是一直会处于准备编译的状态,一旦达到编译的条件就会开始编译,那什么时候才会达到编译条件呢,就是当新增或修改了一个.ts结尾的文件时就会触发,这是随便新建一个.ts文件,保存就会编译到之前配置的目录下

在这里插入图片描述



总结

本文介绍了在visual stdio code 如何配置并开启自动编译TypeScript代码为JavaScript代码。

  希望对看到本文的你有帮助。





上一篇 Linux命令——压缩和解压缩
创作不易,记得点赞收藏哦
下一篇 待定

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/256376.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

ControlNet Adding Conditional Control to Text-to-Image Diffusion Models

ControlNet: Adding Conditional Control to Text-to-Image Diffusion Models TL; DR:ControlNet 使得我们能通过输入额外的条件图(如 Canny 边缘、人体姿态、深度图等),对 SD 生成结果的空间位置有更准确的控制。它拷贝 SD 部分…

DiffUtil + RecyclerView 在 Kotlin中的使用

很惭愧, 做了多年的Android开发还没有使用过DiffUtil这样解放双手的工具。 文章目录 1 DiffUtil 用来解决什么问题?2 DiffUtil 是什么?3 DiffUtil的使用4 参考文章 1 DiffUtil 用来解决什么问题? 先举几个实际开发中的例子帮助我们感受下: 加载内容流时,第一次加载了ABC,…

idea添加外部jar包

在日常开发中在lib包的里面添加了外部的jar,如何将外部的包添加到java类库中,这样项目就可以引用相应的jar包,操作如下: 1.先将需要的jar复制到lib包如下,如下截图,图标前面没有箭头,表示还未添…

2024年【北京市安全员-B证】考试报名及北京市安全员-B证考试技巧

题库来源:安全生产模拟考试一点通公众号小程序 北京市安全员-B证考试报名参考答案及北京市安全员-B证考试试题解析是安全生产模拟考试一点通题库老师及北京市安全员-B证操作证已考过的学员汇总,相对有效帮助北京市安全员-B证考试技巧学员顺利通过考试。…

sqlserver-事物日志

文章目录 前言事务日志逻辑体系结构事务日志物理体系结构虚拟日志文件 (VLF)事务日志的循环性质日志截断事务日志备份事务日志支持的操作恢复个别的事务。启动事务时恢复所有未完成SQL Server事务。将还原的数据库、文件、文件组或页前滚至故障点。支持事务复制。支持高可用性和…

利用gradio快速搭建AI应用

引言 Gradio 是一个用于快速创建交互式界面的Python库,这些界面可以用于演示和测试机器学习模型。使用Gradio,开发者可以非常轻松地为他们的模型构建一个前端界面,而不需要任何Web开发经验。 与类似产品的对比 TensorBoard:主…

Java-04方法

1、什么是方法 设计方法的原则:方法的本意是功能块,就是实现某个功能的语句块的集合。我们设计方法的时候,最好保持方法的原子性,就是一个方法只完成一个功能,这样有利于我们后期的扩展。 2、方法的定义 修饰符 返回…

用23种设计模式打造一个cocos creator的游戏框架----(二十)解析器模式

1、模式标准 模式名称:解析器模式 模式分类:行为型 模式意图:给定一个语言,定义它的文法的一种表示,并定义一个解释器,这个解释器使用该表示来解释语言中的句子。 结构图: 适用于&#xff1…

interface接口(学习推荐版)

接口组成部分 示例代码: 1.默认会在类型前面添加public staic final修饰变量,所以可省略 2.默认在方法前面添加public abstract修饰,但没有staic和final修饰 注意事项: 1、用staic final的变量就是常量 2、接口只能由成员变量&a…

Day03

13.约束constraint 13.1 概述 13.1.1 背景 数据完整性(Data Integrity)是指数据的精确性(Accuracy)和可靠性(Reliability)。它是防止数据库中存在不符合语义规定的数据和防止因错误信息的输入输出造成无效操作或错误信息而提出的。 为了保证数据的完…

众和策略:如何稳健投资股票?

怎么稳健出资股票?下降股票亏本概率的办法! 1、长时间坚持 股票商场的动摇是非常大的,特别是短期内呈现的改变,假如不是短线出资者的话,那么建议长时间出资较为稳健,长时间出资能够协助出资者躲避商场动摇…

微信小程序校园跑腿系统怎么做,如何做,要做多久

​ 在这个互联网快速发展、信息爆炸的时代,人人都离不开手机,每个人都忙于各种各样的事情,大学生也一样,有忙于学习,忙于考研,忙着赚学分,忙于参加社团,当然也有忙于打游戏的&#x…

【MySQL】:复合查询

复合查询 一.多表查询二.自连接三.子查询1.单行子查询2.多行子查询3.多列子查询4.在from语句里使用子查询5.合并查询 准备三张表 emp表 dept表 salgrade表 一.多表查询 实际开发中往往数据来自不同的表,所以需要多表查询。我们用一个简单的公司管理系统&#xff0c…

欧非源国际交易平台在2023中非经济贸易大湾区论坛首次亮相

12月16日,2023中非经济贸易大湾区论坛在鹏城隆重召开,欧非源国际交易平台首次亮相。来自非洲部分国家的驻华使节、中非经济贸易委员会领导以及商(协)会、企业家代表共同见证了欧非源国际交易平台的发布,亲历了该平台与…

Pycharm enable IntelliBot #patched后,工程无法打开

#本地环境# Pycharm:2023.12 Pro 对应robot pkg版本: robotframework 6.1 robotframework-databaselibrary 1.2.4 robotframework-pythonlibcore 4.1.2 robotframework-requests 0.9.4 robotframework-seleniumlibrary 6.1.…

内衣洗衣机好用吗?专门洗内衣内裤的热门小型洗衣机

随着人们的生活水平的提升,越来越多小伙伴来开始追求更高的生活水平,一些智能化的小家电就被发明出来,而且内衣洗衣机是其中一个。现在通过内衣裤感染到细菌真的是越来越多,所以我们对内衣裤的清洗频次会高于普通衣服,…

RFID产线物料、人员自动识别管理设计应用方案

生产过程控制的要求是根据在制品信息,动态地确定在制品组装路线和组装方式,使企业管理层能够实时地发现在制品生产和生产线运转状态,系统主要由流水线、RFID 数据采集系统、在制品和工位几个部分组成。 当在制品在流水线上移动时&#xff0c…

采样率8kHz~96kHz单端输入ADC芯片CJC1808

音频模/数转换器是一种用于将模拟音频信号转换成数字信号的设备,可以提供高质量的音频转换功能;被广泛应用于录音室、数字音频处理、混音、模拟音频处理等应用中;是当今数字音频处理中不可或缺的一部分。 ADC芯片可以提供宽频带的模拟输入&a…

数据结构:树(Tree)

树型结构 树的概念 树是一种非线性结构,他是由n(n>0)个有限结点组成的一个具有层次关系的集合。 当n0时,该树为空树。 在任意一个非空树中都满足以下条件: 1、有一个特殊的结点,称为根结点&#xff0c…

【数据分析之Numpy】Numpy中复制函数numpy.repeat()与numpy.tile()的使用方法及区别

一、简介 numpy.repeat()与numpy.tile()都是Numpy库中的复制函数,用于将数组中的元素重复指定的次数。 numpy.repeat()函数接受三个参数:要重复的数组、重复的次数和重复的轴。 numpy.tile()函数接受两个参数:要重复的数组和重复的次数。 二…