tsconfig.json Source Map配置

我的小英短

博客专家认证

2023-01-13 01:00:57

课时名称	课时知识点
tsconfig.json Source Map配置	tsconfig.json Source Map配置

...全文

157 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

tsconfig.json npx tsconfig.json

概述如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。一个项目可以通过以下方式之一来编译：使用tsconfig.json 不带任何输入文件的情况下调用tsc，编译器会从当前目录开始去查找tsconfig.json文件，逐级向上搜索父目录。不带任何输入文件的情况下调用tsc，且使用命令行参数–project（或-p）指定一个包含tsconfig.json文件的目录。当命令行上指定了输入文件时，tsconfig.json文件会被忽略。示例 ts

内容概要：本文介绍了在Visual Studio Code中调试TypeScript的方法。Visual Studio Code内置了对Node.js、Edge和Chrome的调试支持，可通过JavaScript源映射实现TypeScript调试。要生成源映射，可在编译时使用--sourcemap选项或在tsconfig.json中设置sourceMap属性为true。对于Node.js应用，可利用默认的launch.json配置文件进行调试，它指定了待调试的TypeScript文件、预启动任务和生成的JavaScript文件路径。对于Web应用，创建类似结构的HTML、TypeScript文件和tsconfig.json，并配置launch.json指向HTML文件的本地URL，即可用Edge或Chrome进行调试。还提供了常见问题的解决方案，如找不到对应JavaScript文件的问题可能是未正确设置源映射或outFiles属性。; 适合人群：有一定TypeScript和Visual Studio Code使用基础的开发者。; 使用场景及目标：①学习如何在Visual Studio Code中配置和使用TypeScript调试工具；②掌握通过源映射调试TypeScript代码的技术；③能够解决调试过程中遇到的基本问题。; 其他说明：为了更好地理解和实践本文内容，建议读者实际操作Visual Studio Code，创建示例项目并按照文中步骤进行配置和调试。

32_Vue3+TS项目实战1

在Visual Studio Code中编译 TypeScript

李广川的课程社区_NO_2

2

社区成员

255

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章