首页 > 其他分享 >TypeScript学习之旅--编译选项

TypeScript学习之旅--编译选项

时间:2024-08-19 15:39:08浏览次数:8  
标签:文件 TypeScript 配置文件 示例 -- tsc ts 编译

本文简单聊一下TS文件的编译,以及TS编译的配置文件入门

我们都知道TS文件需要先编译成js文件后才可以运行,编译TS文件可以在命令行执行   tsc  ts文件名,得到对应的同名js文件,但每次改完代码后都需要重新执行编译,或者多个ts文件都需要多次编译,给我们的编码工作带来极大不便~

编译选项

  •   自动编译文件

    编译文件时,使用-w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译

    实例:tsc xxx.ts -w

    在VS code 中使用方式:

    选择要编译的文件,右键选择在集成终端中打开

              

     在下方的终端中,输入命令

             

   出现开始监测的提示,对于指定文件,我们无需重复编译

            

  •    自动编译整个项目
  1.  如果直接使用tsc指令,则可以自动将当前项目下的所有ts文件编译为is文件。
  2. 但是能直接使用tsc命令的前提时,要先在项目根目录下创建一个ts的配置文件 tsconfig.json
  3. tsconfig:json是一个SON文件,添加配置文件后,只需只需tsc 命令即可完成对整个项目的编译

         配置选项:

    include

      定义希望被编译文件所在的目录

      默认值:["**/*”]     

      示例:
        "include":["src/**/*", "tests/**/*"]

        上述示例中,所有src目录和tests目录下的文件都会被编译,仅仅输入tsc 执行即可

    exclude
      定义需要排除在外的目录(不需要被编译的文件路径)
      默认值:["node_modules","bower_components","jspm_packages"]
      示例:
        "exclude":["./src/hello/**/*"]

      注:**表示任意文件夹(目录)   *表示任意文件

    extends

      定义被继承的配置文件

      示例:

      “extends:["./configs/base"]”

      上述示例中,当前配置文件会自动包含configs目录下base,json文件中的所有配置信息

    fils

      指定被编译文件的列表,只有要编译的文件偏少时才会用到

      示例:

      “fils:[

         "core.ts",

          "sys.ts",

          "types.ts",

          "tsc.ts"

        ]”

      列表中的文件会被ts编译器所编译

标签:文件,TypeScript,配置文件,示例,--,tsc,ts,编译
From: https://www.cnblogs.com/zyx111/p/18367412

相关文章

  • 赎金信(判断一个字符串是都可以通过另一个字符串进行转化)
     这个题目属于简单的类型,使用字典来进行词频统计,如果ransomNote中key的个数大于magazine,或者ransomNote的key在magazine中找不到,就返回False。classSolution:defcanConstruct(self,ransomNote:str,magazine:str)->bool:m_dict={}r_dict={}......
  • WindowsServer系统下nginx代理问题
    部署vue打包后的dist文件夹后,重启nginx发现没生效,操作如下:1.停止redis,删除浏览器缓存并用无痕模式访问发现依然不生效,试着各种办法重新导入数据库数据也不行,nginx.exe-sstop依然能访问2.搜索发现可能是WindowsServer系统的问题,于是执行命令nginx-squit退出nginx......
  • [ABC367D] Pedometer-xzy巨佬简洁做法
    [ABC367D]Pedometer-xzy巨佬简洁做法https://www.luogu.com/article/n64n78cs对照巨佬的代码进一步理解//徐知鱼#include<bits/stdc++.h>usingnamespacestd;inlineintread(){ intx=0,f=1; charch=getchar(); while(!isdigit(ch)){ if(ch=='-')f=......
  • 存储系列之 Linux ext2 概述
     来自:https://www.cnblogs.com/orange-CC/p/12673052.html 存储系列之Linuxext2概述引言:学习经典永不过时。 我们之前介绍过存储介质主要是磁盘,先介绍过物理的,后又介绍了虚拟的。保存在磁盘上的信息一般采用文件(file)为单位,磁盘上的文件必须是持久的,同时文件是通过操......
  • bf16精度简介
    bfloat16(bf16),即BrainFloatingPoint16-bit,是一种16位浮点数格式,主要用于深度学习和机器学习中的高效计算。它是在Google的TPU(TensorProcessingUnit)硬件中引入的,并已被其他硬件架构(如NVIDIAA100、IntelXeon)广泛采用。bf16的主要特性位分布:1位符号位:用于表示数值的......
  • 存储系列之 从ext2到ext3、ext4 的变化与区别
     来自:https://www.cnblogs.com/orange-CC/p/12673073.html 存储系列之从ext2到ext3、ext4的变化与区别引言:ext3和ext4对ext2进行了增强,但是其核心设计并没有发生变化。所以建议先查看上上篇的《存储系列之Linuxext2概述 》,有了ext2的基础,看这篇就是soeasy了。......
  • IMJPCD.DLL文件丢失导致程序无法运行问题
    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个IMJPCD.DLL文件(挑选合适的版本文件)把它放......
  • dedecms 两个常见漏洞的复现
    侵权声明本文章中的所有内容(包括但不限于文字、图像和其他媒体)仅供教育和参考目的。如果在本文章中使用了任何受版权保护的材料,我们满怀敬意地承认该内容的版权归原作者所有。如果您是版权持有人,并且认为您的作品被侵犯,请通过以下方式与我们联系:[[email protected]]。我们将在确......
  • IMEFILES.DLL文件丢失导致程序无法运行问题
    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个IMEFILES.DLL文件(挑选合适的版本文件)把它......
  • C++批量核验身份证真伪、实名认证接口、身份证识别
    实名认证接口是指一个系统或程序,它能够接收用户的个人信息(如姓名、身份证号码等),并与官方记录进行匹配以验证这些信息的真实性。这种接口可以集成到各种应用程序和服务中,以增强安全性并遵守相关法律法规的要求。批量核验身份证真伪以及进行实名认证是许多在线服务平台为了......