快速上手Vue开发:在项目中如何配置 tsconfig.json 文件?

文章目录

  • 一、简介
  • 二、配置
    • 1、示例
    • 2、编译器选项列表

一、简介

  tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。

二、配置

1、示例

{"compilerOptions": {"baseUrl": ".","paths": {"@/*": ["src/*"]}},"include": ["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue","vite.config.ts"],"exclude": ["dist", "**/*.js", "node_modules"]
}

compilerOptions:编译器选项列表。
include 和 exclude:指定一个文件glob匹配模式列表。

2、编译器选项列表

选项类型默认值描述
–allowJsbooleanfalse允许编译javascript文件。
–allowSyntheticDefaultImportsbooleanmodule === “system” 或设置了 --esModuleInterop 且 module 不为 es2015 / esnext允许从没有设置默认导出的模块中默认导入。这并不影响代码的输出,仅为了类型检查。
–allowUnreachableCodebooleanfalse不报告执行不到的代码错误。
–allowUnusedLabelsbooleanfalse不报告未使用的标签错误。
–alwaysStrictbooleanfalse以严格模式解析并为每个源文件生成 "use strict"语句
–baseUrlstring解析非相对模块名的基准目录。
–charsetstring“utf8”输入文件的字符集。
–checkJsbooleanfalse在 .js文件中报告错误。与 --allowJs配合使用。
–declaration
-d
booleanfalse生成相应的 .d.ts文件。
–declarationDirstring生成声明文件的输出路径。
–diagnosticsbooleanfalse显示诊断信息。
–disableSizeLimitbooleanfalse禁用JavaScript工程体积大小的限制
–emitBOMbooleanfalse在输出文件的开头加入BOM头(UTF-8 Byte Order Mark)。
–emitDecoratorMetadata [1]booleanfalse给源码里的装饰器声明加上设计类型元数据。
–experimentalDecorators [1]booleanfalse启用实验性的ES装饰器。
–extendedDiagnosticsbooleanfalse显示详细的诊段信息。
–forceConsistentCasingInFileNamesbooleanfalse禁止对同一个文件的不一致的引用。
–help
-h
打印帮助信息。
–importHelpersstring从 tslib 导入辅助工具函数(比如 __extends, __rest等)
–inlineSourceMapbooleanFALSE生成单个sourcemaps文件,而不是将每sourcemaps生成不同的文件。
–inlineSourcesbooleanfalse将代码与sourcemaps生成到一个文件中,要求同时设置了 --inlineSourceMap或 --sourceMap属性。
–init初始化TypeScript项目并创建一个 tsconfig.json文件。
–isolatedModulesbooleanfalse将每个文件作为单独的模块(与“ts.transpileModule”类似)。
–jsxstring“Preserve”在 .tsx文件里支持JSX: "React"或 “Preserve”。查看 JSX。
–jsxFactorystring“React.createElement”指定生成目标为react JSX时,使用的JSX工厂函数,比如 React.createElement或 h。
–libstring[]编译过程中需要引入的库文件的列表。
–listEmittedFilesbooleanfalse打印出编译后生成文件的名字。
–listFilesbooleanfalse编译过程中打印文件名。
–localestring(platform specific)显示错误信息时使用的语言,比如:en-us。
–mapRootstring为调试器指定指定sourcemap文件的路径,而不是使用生成时的路径。当 .map文件是在运行时指定的,并不同于 js文件的地址时使用这个标记。指定的路径会嵌入到 sourceMap里告诉调试器到哪里去找它们。
–maxNodeModuleJsDepthnumber0node_modules依赖的最大搜索深度并加载JavaScript文件。仅适用于 --allowJs。
–module
-m
stringtarget === “ES6” ? “ES6” : “commonjs”指定生成哪个模块系统代码: “None”, “CommonJS”, “AMD”, “System”, “UMD”, "ES6"或 “ES2015”。
–moduleResolutionstringmodule === “AMD” or “System” or “ES6” ? “Classic” : “Node”决定如何处理模块。或者是"Node"对于Node.js/io.js,或者是"Classic"(默认)。查看模块解析了解详情。
–newLinestring(platform specific)当生成文件时指定行结束符: “crlf”(windows)或 “lf”(unix)。
–noEmitbooleanfalse不生成输出文件。
–noEmitHelpersbooleanfalse不在输出文件中生成用户自定义的帮助函数代码,如 __extends。
–noEmitOnErrorbooleanfalse报错时不生成输出文件。
–noErrorTruncationbooleanfalse不截短错误消息。
–noFallthroughCasesInSwitchbooleanfalse报告switch语句的fallthrough错误。(即,不允许switch的case语句贯穿)
–noImplicitAnybooleanfalse在表达式和声明上有隐含的 any类型时报错。
–noImplicitReturnsbooleanfalse不是函数的所有返回路径都有返回值时报错。
–noImplicitThisbooleanfalse当 this表达式的值为 any类型的时候,生成一个错误。
–noImplicitUseStrictbooleanfalse模块输出中不包含 "use strict"指令。
–noLibbooleanfalse不包含默认的库文件( lib.d.ts)。
–noResolvebooleanfalse不把 /// <reference``>或模块导入的文件加到编译文件列表。
–noStrictGenericChecksbooleanfalse禁用在函数类型里对泛型签名进行严格检查。
–noUnusedLocalsbooleanfalse若有未使用的局部变量则抛错。
–noUnusedParametersbooleanfalse若有未使用的参数则抛错。
–outstring弃用。使用 --outFile 代替。
–outDirstring重定向输出目录。
–outFilestring将输出文件合并为一个文件。合并的顺序是根据传入编译器的文件顺序和 ///<reference``>和 import的文件顺序决定的。查看输出文件顺序文件了解详情。
paths [2]Object模块名到基于 baseUrl的路径映射的列表。查看 模块解析文档了解详情。
–preserveConstEnumsbooleanfalse保留 const和 enum声明。查看 const enums documentation了解详情。
–preserveSymlinksbooleanfalse不把符号链接解析为其真实路径;将符号链接文件视为真正的文件。
–preserveWatchOutputbooleanfalse保留watch模式下过时的控制台输出。
–pretty [1]booleanfalse给错误和消息设置样式,使用颜色和上下文。
–project
-p
string编译指定目录下的项目。这个目录应该包含一个 tsconfig.json文件来管理编译。查看 tsconfig.json文档了解更多信息。
–reactNamespacestring“React”当目标为生成 “react” JSX时,指定 createElement和 __spread的调用对象
–removeCommentsbooleanfalse删除所有注释,除了以 /!*开头的版权信息。
–rootDirstring(common root directory is computed from the list of input files)仅用来控制输出的目录结构 --outDir。
rootDirs [2]string[]根(root)文件夹列表,表示运行时组合工程结构的内容。查看 模块解析文档了解详情。
–skipDefaultLibCheckbooleanfalse忽略 库的默认声明文件的类型检查。
–skipLibCheckbooleanfalse忽略所有的声明文件( *.d.ts)的类型检查。
–sourceMapbooleanfalse生成相应的 .map文件。
–sourceRootstring指定TypeScript源文件的路径,以便调试器定位。当TypeScript文件的位置是在运行时指定时使用此标记。路径信息会被加到 sourceMap里。
–strictbooleanfalse启用所有严格类型检查选项。启用 --strict相当于启用 --noImplicitAny, --noImplicitThis, --alwaysStrict, --strictNullChecks和 --strictFunctionTypes和–strictPropertyInitialization。
–strictFunctionTypesbooleanfalse禁用函数参数双向协变检查。
–strictPropertyInitializationbooleanfalse确保类的非undefined属性已经在构造函数里初始化。若要令此选项生效,需要同时启用–strictNullChecks。
–strictNullChecksbooleanfalse在严格的 null检查模式下, null和 undefined值不包含在任何类型里,只允许用它们自己和 any来赋值(有个例外, undefined可以赋值到 void)。
–stripInternal [1]booleanfalse不对具有 /** @internal */ JSDoc注解的代码生成代码。
–suppressExcessPropertyErrors [1]booleanfalse阻止对对象字面量的额外属性检查。
–suppressImplicitAnyIndexErrorsbooleanfalse阻止 --noImplicitAny对缺少索引签名的索引对象报错。查看 issue #1232了解详情。
–target
-t
string“ES3”指定ECMAScript目标版本 “ES3”(默认), “ES5”, “ES6”/ “ES2015”, “ES2016”, "ES2017"或 “ESNext”。
–traceResolutionbooleanfalse生成模块解析日志信息
–typesstring[]要包含的类型声明文件名列表。查看 @types,–typeRoots和–types章节了解详细信息。
–typeRootsstring[]要包含的类型声明文件路径列表。查看 @types,–typeRoots和–types章节了解详细信息。
–version
-v
打印编译器版本号。
–watch
-w
在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译。监视文件和目录的具体实现可以通过环境变量进行配置。详情请看配置 Watch。
  • [1] 这些选项是试验性的。
  • [2] 这些选项只能在 tsconfig.json里使用,不能在命令行使用。

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

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

相关文章

C#__基本特性和使用

// 特性&#xff08;attribute&#xff09;: // 一种允许我们向程序集添加元数据的语言结构 // 用于保存程序结构信息的某种特殊类型的类 // 类似“批注”&#xff0c;用于解释说明 #define IsShowMessage // 宏定义&#xff0c;在开头定义&#xff0…

uni-app弹窗列表滚动, 弹框下面的内容也跟随滚动解决方案

滑动弹窗里的列表&#xff0c;弹框下面的内容也会跟着滑动&#xff0c;导致弹窗中的列表不能正常滚动 1.弹窗组件代码&#xff0c;需要在最外层的view中加入touchmove.stop.prevent"moveHandle"&#xff0c;且弹窗中需要滚动的列表要使用scroll-view标签包裹起来&…

Python爬虫——requests_post请求

import requests import jsonurl https://fanyi.baidu.com/sugheaders {User-Agent: ,Cookie: }data {kw: hello }response requests.post(url, data, headersheaders)content response.textobj json.loads(content.encode(utf-8)) print(obj)总结&#xff1a; post请求…

五分钟搭建生鲜蔬果小程序

如今&#xff0c;随着移动互联网的快速发展&#xff0c;小程序已经成为众多企业和商家推广产品和服务的重要工具。而生鲜蔬果行业作为一个常见的消费领域&#xff0c;也开始逐渐转向小程序商城来进行销售和服务。那么&#xff0c;如何从零开始搭建一个生鲜蔬果小程序商城呢&…

Hlang--用Python写个解释器

文章目录 前言流程数学解释器结果封装数的操作运行时异常运行解释实现总结前言 没错今天提前来做这个东西,昨天晚上干这个玩意差不多干了两个多小时才搞定,导致凌晨2点才睡觉,最要命的是,写着写着突然想到有一道线代理解错了,一个晚上,做梦全是这两个东西。尤其是晚上效…

LeetCode150道面试经典题-- 快乐数(简单)

1.题目 编写一个算法来判断一个数 n 是不是快乐数。 「快乐数」 定义为&#xff1a; 对于一个正整数&#xff0c;每一次将该数替换为它每个位置上的数字的平方和。然后重复这个过程直到这个数变为 1&#xff0c;也可能是 无限循环 但始终变不到 1。如果这个过程 结果为 1&am…

JVM——JVM参数指南

文章目录 1.概述2.堆内存相关2.1.显式指定堆内存–Xms和-Xmx2.2.显式新生代内存(Young Ceneration)2.3.显示指定永久代/元空间的大小 3.垃圾收集相关3.1.垃圾回收器3.2.GC记录 1.概述 在本篇文章中&#xff0c;你将掌握最常用的 JVM 参数配置。如果对于下面提到了一些概念比如…

Linux系统之安装my-mind思维导图工具

Linux系统之安装my-mind思维导图工具 一、my-mind介绍二、本地环境介绍2.1 本地环境规划2.2 本次实践介绍 三、检查本地环境3.1 检查本地操作系统版本3.2 检查系统内核版本3.3 检查端口占用情况 四、安装httpd4.1 检查本地yum仓库4.2 安装httpd4.3 关闭防火墙和selinux4.4 创建…

arcgis数据采集与拓扑检查

1、已准备好一张配准好的浙江省行政区划图&#xff0c;如下&#xff1a; 2、现在需要绘制湖州市县级行政区划。需要右击文件夹新建文件地理数据库&#xff0c;如下&#xff1a; 其余步骤均默认即可。 创建好县级要素数据集后&#xff0c;再新建要素类&#xff0c;命名为县。 为…

【Java 动态数据统计图】动态数据统计思路案例(动态,排序,containsKey)五(117)

需求&#xff1a;前端根据后端的返回数据&#xff1a;画统计图&#xff1b; 1.动态获取地域数据以及数据中的平均值&#xff0c;按照平均值降序排序&#xff1b; 说明&#xff1a; X轴是动态的&#xff0c;有对应区域数据则展示&#xff1b; X轴 区域数据降序排序&#xff1b;…

03-第一个Spark程序WordCount

Scala版 1&#xff09;创建项目 增加 Scala 插件 Spark 由 Scala 语言开发的&#xff0c;咱们当前使用的 Spark 版本为 3.2.0&#xff0c;默认采用的 Scala 编译版本为 2.13&#xff0c;所以后续开发时。我们依然采用这个版本。开发前请保证 IDEA 开发工具中含有 Scala 开发…

ebay灯串UL报告 UL588检测标准

季节性和装饰性照明用品即灯串以及配件都是便携式插头连接的临时性商品&#xff0c;最大额定输入电压为 120 伏。 由 ILAC ISO 17025 认证的实验室出具的检测报告&#xff0c;确认每件商品均已经过检测&#xff0c;符合下列要求&#xff1a; 季节性和装饰性照明用品(灯串&…

企业中商业智能BI,常见的工具和技术

商业智能&#xff08;Business Intelligence&#xff0c;简称BI&#xff09;数据可视化是通过使用图表、图形和其他可视化工具来呈现和解释商业数据的过程。它旨在帮助组织更好地理解和分析他们的数据&#xff0c;从而做出更明智的商业决策。 常见的商业智能数据可视化工具和技…

AtcoderABC222场

A - Four DigitsA - Four Digits 题目大意 给定一个整数N&#xff0c;其范围在0到9999之间&#xff08;包含边界&#xff09;。在将N转换为四位数的字符串后&#xff0c;输出它。如果N的位数不足四位&#xff0c;则在前面添加必要数量的零。 思路分析 可以使用输出流的格式设…

鼠标样式和指向

学习抖音&#xff1a; 渡一前端教科频道 图上指针跟着鼠标移动&#xff0c;并且改变方向 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><style>* {padding: 0;margin: 0;}.arrow {position: fixed;width: 3…

Spring Clould 消息队列 - RabbitMQ

视频地址&#xff1a;微服务&#xff08;SpringCloudRabbitMQDockerRedis搜索分布式&#xff09; 初识MQ-同步通讯的优缺点&#xff08;P61&#xff0c;P62&#xff09; 同步和异步通讯 微服务间通讯有同步和异步两种方式&#xff1a; 同步通讯&#xff1a;就像打电话&…

数据库名字添加中文

Jetbrains 可以呀&#xff0c;这个ui 相当棒 from database import Sqlite3Database from googletrans import Translator import csvif __name__ "__main__":TRANS_EN2ZH Falsetranslator Translator()sqlite Sqlite3Database("./drurmu.db")sqlite.r…

x.view(a,b)及x = x.view(x.size(0), -1) 的理解说明

x.view()就是对tensor进行reshape&#xff1a; 我们在创建一个网络的时候&#xff0c;会在Foward函数内看到view的使用。 首先这里是一个简单的网络&#xff0c;有卷积和全连接组成。它的foward函数如下&#xff1a; class NET(nn.Module):def __init__(self,batch_size):sup…

小米交卷大模型,全新小爱同学实测来了

本文源自&#xff1a;量子位 果然只有雷军和小米&#xff0c;能抢走风口上大模型的热度。 在雷军的年度演讲分享中&#xff0c;讲武大求学经历&#xff0c;分享学霸4年大学2年完课经验&#xff1b;讲被《硅谷之火》点燃&#xff0c;勤奋练习写最好的代码&#xff0c;开启第一…

armbian使用1panel快速部署部署springBoot项目后端

文章目录 前言环境准备实现步骤第一步&#xff1a;Armbian安装1panel第二步&#xff1a;安装数据库第三步&#xff1a;查看数据库容器重要信息【重要】查看容器所在的网络查看容器连接地址 第四步&#xff1a;项目配置和打包第五步:构建项目镜像 前言 这里只是简单记录部署spr…