【问题标题】:How to edit live TypeScript code in Chrome?如何在 Chrome 中编辑实时 TypeScript 代码?
【发布时间】:2019-03-14 02:30:55
【问题描述】:

在我的公司,我们最近在 ts -> js -> 缩小流程中采用了 sourcemaps 生成。

如果没有这些地图,当然代码几乎是不可读/不可测试的,但据我所知,这些地图并没有让我有机会实时编辑代码并直接在 chrome 中对其进行测试:我编辑/保存它,但是 js 解释器就像我没有一样运行。 这迫使我拥有项目的本地副本并运行它,而不是直接在远程尝试修复。

是否可以在 chrome 中编辑 sourcemapped typescript 并运行它?

【问题讨论】:

  • 如果您没有源映射,那么唯一的解决方案是使用 Sources 中文件查看器左下角的 {} 表示的漂亮打印选项。然后尝试手动映射代码。

标签: javascript typescript google-chrome google-chrome-devtools source-maps


【解决方案1】:

不,这是不可能的,因为 Chrome 无法访问/了解您的项目使用的特定 TypeScript 编译器/配置。

Chrome Devtools 确实有Workspaces,它允许您将文件映射到本地文件夹。这意味着如果您有一个进程监视 TypeScript 文件的更改,您可以在 Chrome 中进行实时编辑,这反过来会触发本地 TypeScript 编译器。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-11-21
    • 1970-01-01
    • 2012-04-29
    • 2016-11-10
    • 1970-01-01
    • 2016-01-20
    • 2014-11-21
    • 1970-01-01
    相关资源
    最近更新 更多