从 Chrome 开发工具网络选项卡复制响应

Question

我正在使用 Typescript React。我想将响应作为模拟文件复制粘贴到我的 React 代码中。但是当我从“网络”选项卡复制时，JSON 响应的键用双引号引起来。我想将此 JSON 响应转换为一个纯 JavaScript 对象，以便在我的 VS Code 中折叠和展开。

当我将其复制到 vs code 到我的mock.ts 文件中时

我想要以下格式的 JSON。（删除了键的双引号）

如何在不手动编辑/删除双引号的情况下执行此操作？

Answer 1

我会考虑prettier（代码格式工具）。可以用作命令 (

prettier write

)，或用作 IDE 插件，例如VS Code（将按 Ctrl+S 自动格式化您的代码）。

您可以设置很多配置，但如果我认为不带引号的对象键是默认规则之一。