tsconfig.json 文件配置

创建 TypeScript 的配置文件 tsconfig.json

npx tsc --init

tsconfig.json 文件基础结构

{"compilerOptions": {"target": "ES2022","module": "ES2022","moduleResolution": "node10","strict": true,"esModuleInterop": true,"forceConsistentCasingInFileNames": true,"outDir": "./dist","rootDir": "./src","sourceMap": true,"skipLibCheck": true},"include": ["src"],"exclude": ["node_modules", "dist"]
}

主要配置说明:

配置说明
target

生成的 JavaScript 版本,选项如下:

ES3:适用于老旧浏览器,如 IE6-IE8。

ES5:兼容性好,适用于大多数现代浏览器(IE9+)。

ES6 / ES2015、ES2016、ES2017、ES2018...ES2024等。

ESNext:始终使用最新的 ECMAScript 版本。

module

指定模块化的方式,选项如下:

None: 不使用模块化。
CommonJS: 用于 Node.js 环境,最常见的模块系统。
ES6 / ES2015: 使用 ECMAScript 模块(ESM)。
AMD: 用于浏览器环境的异步模块定义。
System: 支持 SystemJS 模块加载器。
UMD: 兼容浏览器和 Node.js 的模块。
ESNext: 目标 ECMAScript 最新版本的模块系统。

如果你是Node.js+TypeScript+ES6+(例如ES2022)环境,那么就选择ES2022

strict

是否使用TypeScript 的严格类型检查。true:启用,false:不启用。

esModuleInterop是否允许 TypeScript 兼容 CommonJS 模块与 ECMAScript 模块的导入。
forceConsistentCasingInFileNames是否强制确保文件名的大小写一致。
outDir指定编译后的 JavaScript 文件存放的目录。
rootDir指定 TypeScript 编译器查找输入文件的根目录。它定义了源代码的根目录,编译器会相对于这个目录编译文件并保持目录结构。编译时会以该目录为基准,生成对应的输出文件。
sourceMap生成源映射文件。启用该选项后,编译器会生成 .map 文件,这些文件将 JavaScript 代码与原始 TypeScript 代码关联起来,有助于调试。这样,在浏览器或调试器中调试时,可以直接查看 TypeScript 源代码,而不是编译后的 JavaScript 代码。
skipLibCheck跳过对库文件(如 node_modules 中的声明文件)进行类型检查。这可以加速编译过程,尤其是在大型项目中,尽管这可能会导致某些库文件的类型错误无法被检测到。除非你有性能需求,不然建议关闭这个选项。
include指定哪些文件或目录应该被 TypeScript 编译。它是一个包含文件路径的数组,可以指定具体的文件或文件夹。
exclude指定哪些文件或目录应该从编译过程中排除。与 include 相反,exclude 列出了不需要编译的文件或目录。
baseUrl指定模块解析的根目录。设置了 baseUrl 后,你可以使用相对路径的方式导入模块,避免过多的 ../../ 这样的路径。
paths 指定模块的别名或路径映射。通过与 baseUrl 配合使用,允许你为模块指定更简洁的导入路径,而不是使用相对路径。

moduleResolution

控制 TypeScript 如何解析模块,选项如下:

node:遵循 Node.js 模块解析规则。
classic:早期的模块解析方式,不符合 Node.js 规则。
node10:针对 Node.js 10 环境的解析方式,支持新的解析机制。
node16: 针对 Node.js 16 环境的解析方式,支持新的解析机制。
nodenext:专为 Node.js 16+ 和更高版本设计的模块解析策略。

resolveJsonModule导入 JSON 文件,true:允许,false:不允许
noUnusedLocals检测未使用的局部变量,true:检测,false:不检测
noUnusedParameters检测未使用的函数参数,true:检测,false:不检测
strictPropertyInitialization确保类属性在构造函数中被正确初始化,true:检测,false:不检测

TypeScript 编译

在 tsconfig.json 配置完成后,可以使用 tsc 进行编译,会读取 tsconfig.json 并进行编译,生成 .js 文件

npx tsc

如果想让 TypeScript 自动编译,可以使用 --watch 模式,TypeScript 代码一旦修改,编译器会自动重新编译。

# 自动编译
npx tsc --watch

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

从零到一:基于Rook构建云原生Ceph存储的全面指南(上)

文章目录 一.Rook简介二.Rook与Ceph架构2.1 Rook结构体系2.2 Rook包含组件1)Rook Operator2)Rook Discover3)Rook Agent 2.3 Rook与kubernetes结合的架构图如下2.4 ceph特点2.5 ceph架构2.6 ceph组件 三.Rook部署Ceph集群3.1 部署条件3.3 获取…

第40天:Web开发-JS应用VueJS框架Vite构建启动打包渲染XSS源码泄露代码审计

#知识点 1、安全开发-VueJS-搭建启动&打包安全 2、安全开发-VueJS-源码泄漏&代码审计 一、Vue搭建创建项目启动项目 1、Vue 框架搭建->基于nodejs搭建,安装nodejs即可 参考:https://cn.vuejs.org/ 已安装18.3或更高版本的Node.js 2、Vue 创建…

DeepSeek做赛车游戏

赛车模型 2D生成图片 任意AI图片软件SD,MJ 图片生成3D模型 车身 车轮 场景 Rodin,Tripo和Meshy 询问deepSeek如何开发 拷贝代码 将汽车运行代码拖到汽车上 再让AI写个摄像头跟随代码 再去提问deepseek控制轮胎和一些处理细节

软考高级《系统架构设计师》知识点(一)

计算机硬件 校验码 码距:就单个编码A:00而言,其码距为1,因为其只需要改变一位就变成另一个编码。在两个编码中,从A码到B码转换所需要改变的位数称为码距,如A:00要转换为B:11,码距为2。一般来说,…

亚博microros小车-原生ubuntu支持系列:26手势控制小车基础运动

背景知识 手指检测:亚博microros小车-原生ubuntu支持系列:4-手部检测-CSDN博客 程序功能说明 功能开启后,摄像头捕获图像,识别手势来控制小车移动。 手势 “5”小车前进拳头小车后退手势 “1”小车向左手势 “2”小车向右 运…

OpenFeign远程调用返回的是List<T>类型的数据

在使用 OpenFeign 进行远程调用时,如果接口返回的是 List 类型的数据,可以通过以下方式处理: 直接定义返回类型为List Feign 默认支持 JSON 序列化/反序列化,如果服务端返回的是 List的JSON格式数据,可以直接在 Feig…

【hive】记一次hiveserver内存溢出排查,线程池未正确关闭导致

一、使用 MemoryAnalyzer软件打开hprof文件 很大有30G,win内存24GB,不用担心可以打开,ma软件能够生成索引文件,逐块分析内存,如下图。 大约需要4小时。 overview中开不到具体信息。 二、使用Leak Suspects功能继续…

【Docker】

一、概述 1、Docker为什么出现? 开发和运维两套环境,而环境配置十分麻烦。如在Windows上开发,要发布到Linux上运行。 Docker给以上问题提出解决方案:Java --- Jar(环境)---打包项目带上环境(镜像&#x…

游戏手柄Type-c方案,支持一边充电一边传输数据

乐得瑞推出LDR6023SS,专门针对USB-C接口手机手柄方案,支持手机快充,支持任天堂游戏机,PS4等设备~同时支持手机充电跟数据传输 1、概述 LDR6023SS SSOP16 是乐得瑞科技针对 USB Type-C 标准中的 Bridge 设备而开发的双 USB-C DRP …

【报错解决】Sql server 2022连接数据库时显示证书链是由不受信任的颁发机构颁发的

SSMS 20在连接Sql server 2022数据库时有如下报错: A connection was successfully established with the server, but then an error occurred during the login process. (provider: SSL Provider, error: 0 - 证书链是由不受信任的颁发机构颁发的。 原因是尝试使…

「vue3-element-admin」告别 vite-plugin-svg-icons!用 @unocss/preset-icons 加载本地 SVG 图标

🚀 作者主页: 有来技术 🔥 开源项目: youlai-mall ︱vue3-element-admin︱youlai-boot︱vue-uniapp-template 🌺 仓库主页: GitCode︱ Gitee ︱ Github 💖 欢迎点赞 👍 收藏 ⭐评论 …

NineData云原生智能数据管理平台新功能发布|2025年1月版

本月发布 14 项更新,其中重点发布 6 项、功能优化 7 项、安全性更新 1 项。 重点发布 数据库 Devops - 数据导出功能增强 支持 AWS ElastiCache 数据源:现已支持通过 SQL 查询语句或直接通过库表导出 AWS ElastiCache 数据,方便用户快速提取…

游戏引擎学习第96天

讨论了优化和速度问题,以便简化调试过程 节目以一个有趣的类比开始,提到就像某些高端餐厅那样,菜单上充满了听起来陌生或不太清楚的描述,需要依靠服务员进一步解释。虽然这听起来有些奇怪,但实际上,它反映…

Docker 1. 基础使用

1. Docker Docker 是一个 基于容器的虚拟化技术,它能够将应用及其依赖打包成 轻量级、可移植 的容器,并在不同的环境中运行。 2. Docker指令 (1)查看已有镜像 docker images (2)删除镜像 docker rmi …

基于机器学习时序库pmdarima实现时序预测

目录 一、Pmdarima实现单变量序列预测1.1 核心功能与特性1.2 技术优势对比1.3 python案例1.3.1 时间序列交叉验证1.3.1.1 滚动交叉验证1.3.1.2 滑窗交叉验证 时间序列相关参考文章: 时间序列预测算法—ARIMA 基于VARMAX模型的多变量时序数据预测 基于机器学习时序库…

【论文笔记】Are Self-Attentions Effective for Time Series Forecasting? (NeurIPS 2024)

官方代码https://github.com/dongbeank/CATS Abstract 时间序列预测在多领域极为关键,Transformer 虽推进了该领域发展,但有效性尚存争议,有研究表明简单线性模型有时表现更优。本文聚焦于自注意力机制在时间序列预测中的作用,提…

Matlab机械手碰撞检测应用

本文包含三个部分: Matlab碰撞检测的实现URDF文件的制作机械手STL文件添加夹爪 一.Matlab碰撞检测的实现 首先上代码 %% 检测在结构环境中机器人是否与物体之间发生碰撞情况,如何避免? % https://www.mathworks.com/help/robotics/ug/che…

从零开始:使用Jenkins实现高效自动化部署

在这篇文章中我们将深入探讨如何通过Jenkins构建高效的自动化部署流水线,帮助团队实现从代码提交到生产环境部署的全流程自动化。无论你是Jenkins新手还是有一定经验的开发者,这篇文章都会为你提供实用的技巧和最佳实践,助你在项目部署中走得…

鸿蒙harmony 手势密码

1.效果图 2.设置手势页面代码 /*** 手势密码设置页面*/ Entry Component struct SettingGesturePage {/*** PatternLock组件控制器*/private patternLockController: PatternLockController new PatternLockController()/*** 用来保存提示文本信息*/State message: string …

【Unity3D】UGUI的anchoredPosition锚点坐标

本文直接以实战去理解锚点坐标,围绕着将一个UI移动到另一个UI位置的需求进行说明。 (anchoredPosition)UI锚点坐标,它是UI物体的中心点坐标,以UI物体锚点为中心的坐标系得来,UI锚点坐标受锚点(Anchors Min…