TypeScript的配置文件tsconfig.json

TypeScript配置-- 2. 了解ts配置项,根据vite项目了解typescript配置文件,tsconfig.json、tsconfig.node.json、 “compilerOptions”:这是一个对象,用于配置 TypeScript 编译器的选项。它可以设置诸如目标版本、模块系统、输出目录、严格类型检查等编译器相关的选项。 “files”:这是一个数组,用于指定要编译的文件列表。如果指定了这个选项,编译器将只编译列出的文件,而不会自动包含其他文件。 “include”:这是一个数组,用于指定要包含在编译中的文件或文件夹的匹配模式。可以使用通配符来指定多个文件或文件夹。 “exclude”:这是一个数组,用于指定要排除在编译之外的文件或文件夹的匹配模式。也可 阅读详情

参考网址:TypeScript: Documentation - What is a tsconfig.json (typescriptlang.org)

TypeScript: TSConfig Reference - Docs on every TSConfig option (typescriptlang.org) 

一、去掉注释

tsconfig.json初始是这样的

// "removeComments": true,

1、把注释取消掉

"removeComments": true,

2、运行tsc命令

tsc

生成的JS文件中没有注释

"removeComments": true,中true改为false,则不移除注释

3、tsc filename这个命令不会调用配置文件,所以这个命令生成的JS文件是默认配置

二、编译指定文件

在tsconfig.json中增加配置

"include": ["./index.ts"],

"compilerOptions": {

        ...

}

tsc命令只编译index.ts文件,要增加文件在数组中添加即可

如:

"include": ["./index.ts","./a.tx"],

"compilerOptions": {

        ...

}

三、不编译指定文件

"exclude": ["./index.ts","./a.tx"],

"compilerOptions": {

        ...

}

 四、显示指定any

"noImplicitThis": true,

Implicit---->adj.  不言明[含蓄]的; 无疑问的,绝对的; 成为一部份的; 内含的;

五、null类型只能赋值给Object

"strictNullChecks": true,    

报错:error TS2322: Type 'null' is not assignable to type 'string'

strictNullChecks为true时,null不能赋值给其他类型

六、把指定源目录中的TS文件编译到指定目标目录中

指定TS源目录

    "rootDir": "./src",                                  /* Specify the root folder within your source files. */

指定JS目标目录

    "outDir": "./build",                                   /* Specify an output folder for all emitted files. */

七、只编译新内容,渐进式编译/增量式编译

    "incremental": true,  /* Save .tsbuildinfo files to allow for incremental compilation of projects. */

 设置为true后运行tsc会产生一个文件tsconfig.tsbuildinfo,里面记录了上一次编译的具体信息,下一次编译时会对照这个文件,只编译新内容

八、允许编译JS文件

    "allowJs": true,  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */

设置为true后,源目录中的JS文件也会被编译

九、检查JS文件的语法

    "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */

十、编译时生成.map文件

    "sourceMap": true, /* Create source map files for emitted JavaScript files. */

十一、从未使用的局部变量报错

    "noUnusedLocals": true, /* Enable error reporting when local variables aren't read. */

 十二、从未使用的函数参数报错

    "noUnusedParameters": true,/* Raise an error when a function parameter isn't read. */

 

 

TypeScript 配置文件tsconfig.json `tsconfig.json` 是 TypeScript 的配置文件,用于指定项目的编译选项和编译过程的行为。 阅读详情

相关推荐

《十》TypeScript 的配置文件 tsconfig.json

使用tsc --init可以在当前的根目录下自动生成配置文件。配置文件中是一个对象,其中包含很多的配置项。配置文件中可以写注释。实际开发中,选择 TypeScript 模板时,配置文件都会被默认配置好的。

花铛 1064

配置 tsconfig(编译选项)

{ "compilerOptions": { "incremental": true, // 增量编译 "tsBuildInfoFile": "./buildFile", // 增量编译文件的存储位置 "diagnostics": true, // 打印编译信息 "target": "es5", // 目标语言的版本 "module": "commonjs", // 生成代码的模块标准 "outFile": "./app.js", // 将多个相互依赖的

iamxuqianqian的博客 6619

agv调度系统3.0技术介绍

agv调度系统,穿梭车调度系统,调度系统技术介绍,教你做调度

持续分享调度系统开发过程 4868

修改tsconfig不生成.tsbuildinfo文件

,TypeScript 编译器通常只关注当前项目内的源代码,不会尝试去分析或跟踪其依赖的其他项目的变更。因此,非复合项目的编译速度可能更快,但不具备基于项目引用的增量构建能力。每次编译时,即使依赖的项目没有变化,也可能需要重新编译整个项目。适用于小型项目、独立应用或不需要与其他项目共享类型信息的场景。该项目不应被视为一个可被其他项目通过项目引用方式编译的模块化子项目。后,该项目将在单独的编译上下文中独立编译,不受任何项目引用的影响。时,表示该项目不应参与项目引用编译。部分引用此项目作为依赖项。

usernotdefined的博客 2951

在Keil下完成一个汇编程序的编写

在学习STM32的路上开始是学的C语言尚未进行对汇编进行学习,因此抽出时间来学习一下在keil下的汇编语言。

Liu-FE的博客 1万+

Simulink中为Scope模块添加图例的方法

比如我要在Scope模块输出三轴加速度的数据,但三轴数据波形混杂在一起不太好看,此时就需要在Scope模块中添加图例来使波形看起来更加清晰明了。 注:我这里使用的Matlab版本为2019a 1.首先在simulink中打开,需要添加图例的Scope,如图示: 2.在Matlab,command窗口输入: >> set(0,'ShowHiddenHandles','On'); >> set(gcf,'menubar','figure'); 此时你会发现Scope窗口菜单栏多了好几

Kunfly的博客 1万+

tsconfig.json文件快捷详解

tsconfig文件详解

qq_43682422的博客 653

【数据分析生命周期全揭秘】从零开始打造你的数据科学项目 | 最全指南

在当今数据驱动的世界中,数据科学正在颠覆传统行业,成为企业决策和价值创造的重要引擎。然而,如何科学、系统地开展一个数据分析项目?这是很多人关心的核心问题。本篇文章基于经典数据分析课程内容,深入解读数据分析生命周期的每个阶段,让你快速掌握从“发现问题”到“落地应用”的完整流程。如果你正在学习或准备从事数据分析领域,这篇文章一定会对你大有帮助!数据分析生命周期的六大阶段数据分析生命周期的六个阶段相辅相成,每个阶段都至关重要:发现问题:明确需求,提出假设。数据准备:清洗、转换和可视化数据。

AI手套的博客 1739

Typescript配置管理

composite编译选项的值是一个布尔值,composite选项的设置,编译器才能快速定位到依赖工程的输出文件位置,所以一个工程如果被其他工程引用,在该工程的composite编译选项必须设置为true。这就是Typescript的基本配置,当然配置也是随着版本的不同而不同,所以在进行配置的时候,要根据自己的版本来进行对应的配置。在工程规模扩大之后,为了解决性能的问题,我们通常会把工程分为多个独立的子工程,最后再将所有子工程关联在一起。,安装结束后,就可以查看Typescript的版本等等信息。

读心悦 1964

别再硬编码了!Flowable工作流动态审批人配置全解析(Spring Boot集成版)

本文深入解析Flowable工作流在Spring Boot中的动态审批人配置技术,通过角色、部门等变量实现审批流程的灵活设计。文章详细介绍了架构原理、前端配置映射、动态候选组解析及查询优化方案,帮助企业提升审批流程的适应性和维护效率。

weixin_30919571的博客 135

ArcGIS图解建模工具与DEM提取山脊、山谷线(水文分析、表面分析)

参考汤国安、杨昕等编著的《地理信息系统空间分析实验教程第二版》 利用水文分析(流量)和表面分析(坡向变率)得到山脊和山谷线 文章目录1、基本概念1.1 正地形1.2 负地形正负地形的影响2、水文分析方法2.1 基本思想原理2.2 技术路线2.3 操作步骤2.3.1 正负地形的提取2.3.2 利用水文分析思想和工具提取研究区域的山脊线2.3.3 利用水文分析思想和工具提取研究区域的山谷线2.3.4 利用水文分析提取山脊线和山谷线结果3、表面分析方法3.1 基本思想原理3.2 技术路线3.3 操作步骤4、图.

fungis 1万+

TypeScript配置文件tsconfig.json

生成tsconfig.json 这个文件是通过tsc --init命令生成的,在桌面上新建一个文件夹TsDemo,然后打开VSCode,把文件托到编辑器中,然后打开终端Terminal,输入tsc --init。 输入完成后,就会出现tsconfig.json文件,你可以打开简单的看一下,不过此时你可能看不懂。 其实它就是用来配置如何对ts文件进行编译的,我们都叫它 typescript 的编译配置文件。 如果此时你的tsc执行不了,很有可能是你没有全局安装 TypeScript,可以全局安装一下。 让

Riven的博客 2235

十分钟搞定! DeepSeek本地部署详细指南!

保姆级教程,三步搞定deepseek本地部署,不求人!

一个喜欢诗和远方的程序媛 4345

TypeScript配置、tsconfig.json配置文件,TypeScript使用详解

TS,TypeScript配置文件,tsconfig.json配置文件详解,TS编译、TS配置、tsc编译

沐枫 9681

《深入掌握PostgreSQL数据库》 - 专栏介绍和目录

本专栏系统讲解PostgreSQL数据库的全栈知识,涵盖基础入门到高级实战。内容分为语言基础与进阶、核心原理、高可用架构、性能优化、运维管理、扩展开发等多个模块。从安装配置、数据类型选择到窗口函数、CTE等高级特性,再到索引优化、执行计划分析等性能调优技巧,全面解析PostgreSQL的核心功能。同时深入探讨MVCC机制、WAL日志、并发控制等底层原理,并分享高可用架构设计、备份恢复等运维实践。适合各层次开发者系统学习PostgreSQL,掌握这一强大开源数据库的关键技术。

数据知道的博客 3451

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

《TypeScript》入门与精通-tsconfig.json配置文件超详解

众所周知的原因,TS代码是不能直接被编译的,如果要执行TypeScript代码,必须要将其转换编译成JavaScript代码,而编译的命令不管是直接tsc也好,还是之前用的ts-node也好,都是根据配置文件的规则进行编译的,那么理解这个配置文件就很重要。

Oliver尹的博客 4169

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

Typescript 【详解】配置文件 tsconfig.json

用于控制 TypeScript 编译器如何将 .ts 文件编译为 .js 文件可以使用命令生成。

朝阳39的博客 845

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

TypeScript的配置文件 tsconfig.json

使用时请删除注释

躬耕南阳的博客 1万+

深入解析 TypeScript 核心配置文件 tsconfig.json

是 TypeScript 项目的中枢神经系统,它是 TypeScript 编译器的配置文件,决定了整个项目的编译规则、模块解析方式和类型检查策略。这个 JSON 文件通常位于项目根目录,是 TypeScript 工程化开发的基石。一个优秀的 tsconfig.json 应该:✅ 明确项目类型和运行环境✅ 平衡严格性与开发效率✅ 良好的可维护性和扩展性✅ 与工程化工具链深度集成推荐检查清单是否开启了严格模式?路径别名是否合理配置?输出目录是否独立?是否包含必要的库声明?

qq_39842184的博客 1304

Typescript(九)配置文件 tsconfig.json

TypeScript 使用 tsconfig.json 文件作为其配置文件,当一个目录中存在 tsconfig.json 文件,则认为该目录为 TypeScript 项目的根目录。 通常 tsconfig.json 文件主要包含两部分内容:指定待编译文件和定义编译选项。 1:生成 tsconfig.json 文件 这个文件是通过tsc --init命令生成的,在桌面上新建一个文件夹TsDemo,然后打开VSCode,把文件托到编辑器中,然后打开终端Terminal,输入tsc --init。 输入完成后,就

camellia的博客 2097

TypeScript项目配置文件tsconfig.json简单介绍

是 TypeScript 项目的配置文件,用于定义 TypeScript 编译器的行为。用于配置 TypeScript 编译选项,下面是常见的配置项及其作用。的详解,包括核心配置项及其作用。你可以根据自己的需求定制。

鸟人的博客 762

详解 tsconfig.json配置文件 | TypeScript 入门指南 02(持续更新中)

tsconfig.json是ts项目中配置文件

程序员一诺 843

在React中使用TypeScript:配置文件tsconfig.json的说明

在React中使用TypeScript:配置文件tsconfig.json的说明

听海边涛声 1485

[Typescript]配置文件之 tsconfig.json

tsconfig.json 文件配置说明

前端 4414

TypeScript配置文件tsconfig.json详细说明,适用场景和示例

在 JavaScript 代码中启用 TypeScript 类型检查。)的配置文件,它用于定义 TypeScript 编译行为。配置说明,包括所有常见选项的作用、适用场景和示例。一般情况下,前端 React/Vue 项目使用。如果你有具体需求,可以告诉我,我会帮你优化。里的 TypeScript 代码会变成。目录下的 JavaScript 文件。是 TypeScript 编译器(适用于 React 17+ 项目。允许 TypeScript 处理。,Node.js 项目使用。如果有多个项目,可以使用。

鸟人的博客 1579

TypeScript 配置文件tsconfig.json 的作用

生成配置文件 tsconfig.json 新建文件夹 创建一个简单的ts项目 npm install -g typescript //全局安装ts tsc --init // 生成配置文件 新建一个index.html 文件和helloworld.ts 编译ts文件 ts helloworld.ts //会生成一个同名的js文件,在index.html中引入 设置当helloworld.ts改变时自动编译 tsc --watch helloworld.ts // 当helloworld文件发生改

m0_49016709的博客 709
上一篇: TypeScript文件的编译执行
下一篇: TypeScript中使用superagent
SignalFire
博客等级 码龄7年 119粉丝 129原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值