使用JavaScript/TypeScript在VSCode中预览变换

Question

我们的项目中使用了返回json格式的API。这些API返回的json可能包含相当大的结构，需要将它们映射到其他大型结构中（通常是json，但偶尔也可能是xml或csv）。

我们以前使用dataweave（来自Mulesoft）来进行映射。如果您不熟悉dataweave，它在这种类型的映射方面非常出色。它允许您定义一个示例输入，在编辑dataweave时，它会在单独的窗格中显示结果的预览。

对于一些API，我们转而使用nodejs（因为它提供比Mule更好的控制和调试，长话短说）。但我真的希望能够像使用dataweave那样进行映射体验。

所以我的问题是：我可以使用VSCode在目录中定义一个输入文件，一个JavaScript转换文件，并在更新后显示在窗格中的映射输出吗？

有什么插件可以提供这个功能吗？我找不到。

- Gerben Rampaart

Answer 1

我不知道有任何插件能够完全满足你的要求，但根据你使用的工具，你可以使用内置功能来实现。

VS Code允许你在任意两个窗口之间创建“分屏”，甚至可以进行更复杂的平铺排列。在你的情况下，我可能会尝试以下方法：

（有很多方法可以进行调整或优化，以下只是其中一种想法）

设置：

- 编写转换脚本，使其接受文件输入（我们称之为INFILE）并将其写入文件（我们称之为OUTFILE）。这些文件名可以硬编码或传递给转换脚本。

屏幕布局：

1. 左侧，全高度：你正在编写的脚本/转换 2. 右侧，上半部分：INFILE（我喜欢参考它） 3. 右侧，下半部分：OUTFILE（VS Code会在此更改时自动刷新）

最后一部分是运行一个命令，以便在脚本更改时自动重新运行。自从node 18以来，你可以使用--watch来实现这一点。因此，在脚本中运行以下命令：node --watch my-transform.js 现在，每当你保存my-transform.js文件时，它都会重新运行，并将新的结果放入OUTFILE中，而VS Code会自动刷新。

- Benj

Answer 2

我的理解如下： 您有一个骡子工作流程，需要读取一个文件（您在vscode中编辑了该文件），并执行服务器端JavaScript（nodjs）来转换该文件。在获得结果后，映射的结果将被推送到网页上，对吗？

所有这些都发生在给定的骡子工作流程下，您想知道是否有任何骡子连接器可以完成此过程，对吗？

- Alan M

---

不，我的意思是在JavaScript世界中获得类似于DataWeave的映射体验。 - Gerben Rampaart