【TypeScript】tsconfig.json文件到底是干啥的?作用是什么?

这篇具有很好参考价值的文章主要介绍了【TypeScript】tsconfig.json文件到底是干啥的?作用是什么?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

参考学习博文:
掌握tsconfig.json

一、tsconfig.json简介

1、tsconfig.json是什么?

TypeScript 使用 tsconfig.json 文件作为其配置文件,当一个目录中存在 tsconfig.json 文件,则认为该目录为 TypeScript 项目的根目录

通常 tsconfig.json 文件主要包含两部分内容:

  • 指定待编译文件
  • 定义编译选项
2、tsconfig.json的作用是什么?

它是一个配置文件,由于通过tsc命令手动输入命令太繁琐,而我们开发的时候项目是一个庞大的,并且有许多文件,我们将所有需要编译的文件配置写在tsconfig.json里面,这样可以全部编译成我们目标的JavaScript

3、tsconfig.json的结构

按照顶层属性分类:
【TypeScript】tsconfig.json文件到底是干啥的?作用是什么?,TypeScript,typescript,json,javascript
按功能结构分类:
【TypeScript】tsconfig.json文件到底是干啥的?作用是什么?,TypeScript,typescript,json,javascript

二、如何使用tsconfig.json

1、初始化tsconfig.json文件

有两种方式创建tsconfig.json文件:

  • tsc --init 初始化tsconfig.json文件
  • 手动在根目录下创建tsconfig.json文件并填写配置项
2、指定需要编译的目录

在不指定文件夹或者文件名的情况下,tsc进行编译是默认从当前目录开始,寻找所有的.ts文件,并查找tsconfig.json文件,查找不到,会从当前目录下向上查找

可以通过--project指定需要开始编译的目录,并同级下需要tsconfig.json文件文章来源地址https://www.toymoban.com/news/detail-790976.html

到了这里,关于【TypeScript】tsconfig.json文件到底是干啥的?作用是什么?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于IP-Adapter的十几个模型,到底是干啥用的?

    IP-Adapter的一系列模型在stable diffusion的实际应用中,越来越被频繁的使用到,用于“换脸”或者“保证角色的一致性”,但是很多朋友在安装或者使用别人的工作流的时候,经常会遇到各种各样的问题,同时因为资源在各种群里转来转去的,发现有很多个版本,所以有些时候

    2024年04月09日
    浏览(83)
  • TypeScript配置-- 2. 了解ts配置项,根据vite项目了解typescript配置文件,tsconfig.json、tsconfig.node.json、

    仅对于Ts项目来说,产生红色波浪线,主要是由于语法错误,当然也有其他情况… 这边先引入一个greeter.ts文件 发现居然没有跟一些项目一样,有红色的波浪线,不是说了函数里面的参数是需要显示追加类型的吗。 tsconfig.json 不知道有什么配置项?鼠标悬浮试试~~ 具体可以看

    2024年02月03日
    浏览(41)
  • 过年回家,你是否也努力的给别人解释软件开发是干啥滴?

    这个年就这样,在喜气洋洋的气氛中,在我们依依不舍的留恋中,从我们身边溜走了。这次回家又碰见了亲戚们不厌其烦的问我,你做什么工作呐?于是就有了我以下生动的解释 目录 打字的  帮助传话,帮助卖东西 皮肤还是得买 修电脑的 表弟大学要毕业 我会的太少了  打

    2024年02月02日
    浏览(37)
  • HTTP协议 和 HTTPS协议的区别(4点) && HTTPS如何使用SSL/TLS协议加密过程 && CA证书干啥的

      1. HTTP协议的端口号是80, HTTPS协议的端口号是443 2. HTTP协议使用的URL是以 http:// 开头,HTTPS协议使用的URL是以https://开头 3. HTTP协议和HTTPS协议最主要的区别是: HTTP协议所生成的HTTP请求报文被TCP协议 以明文形式透明传输,同时 客户端与服务器之间无法核验对方的身份(不晓

    2024年02月14日
    浏览(43)
  • HTTP协议 和 HTTPS协议的区别(4点) && HTTPS的缺点 && HTTP如何使用SSL/TLS协议加密过程 && CA证书干啥的

      1. HTTP协议的端口号是80, HTTPS协议的端口号是443 2. HTTP协议使用的URL是以 http:// 开头,HTTPS协议使用的URL是以https://开头 3. HTTP协议和HTTPS协议最主要的区别是: HTTP协议所生成的HTTP请求报文被TCP协议 以明文形式透明传输,同时 客户端与服务器之间无法核验对方的身份(不晓

    2024年02月14日
    浏览(46)
  • 解决vscode中导入的vue项目tsconfig.json文件首行标红问题

    vscode中导入的vue项目 tsconfig.json文件标红,文件中第一行 { 处标红 项目中自定义的tsconfig.json文件与vscode本身会自动进行 JavaScript 的语义检查发生冲突,而tsconfig.json文件无法覆盖vscode本身的javascript检查,故标红 让项目自定义的tsconfig.json文件覆盖vscode自带的javascript语义检查

    2024年01月19日
    浏览(42)
  • vue项目的Husky、env、editorconfig、eslintrc、tsconfig.json配置文件小聊

    1、 Husky Husky 是一款管理 git hooks 的工具,可以帮助我们触发 git 提交的各个阶段: pre-commit、commit-msg、pre-push , 有助于我们在项目开发中的git规范和团队协作。 .husky 文件通常包含以下内容: pre-commit :在提交代码前运行的脚本,可以用于代码格式化、代码检查等操作; pr

    2024年04月28日
    浏览(28)
  • vue3+vite项目中tsconfig.json / tsconfig.node.json 配置

    tsconfig.node.json tsconfig.json

    2024年02月13日
    浏览(43)
  • tsconfig.json参数详解

    tsconfig.json是ts编译器的配置文件,ts编译器可以根据他的信息来对代码进行编译。  想要学习这篇文章小伙伴,可以先去看看下面文章,可以明白tsconfig.json的由来以及如何编译: 在vscode中使用Typescript并运行_typescript vscode插件_suoh\\\'s Blog的博客-CSDN博客 下面开始讲解常用的配置

    2024年02月21日
    浏览(37)
  • Cannot find base config file @vue/tsconfig/tsconfig.web.json

    vue升级到最新版本,node18 会出现warning 参考issues Cannot find base config file @vue/tsconfig/tsconfig.web.json

    2024年02月12日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包