为什么从 vs 代码扩展 XD 完成对 DSP 的编辑，而不是生成 CSS、JS 等？

问题描述

将设计系统包（DSP）（在adobe XD中设计）导入vscode时，完成编辑期望后，它会按照配置生成CSS，JS等。但它正在生成 json 文件。 我是否遗漏了任何步骤？

以下是我遵循的步骤：

1. 在 vscode XD 扩展中创建了一个包。
2. 将 DSP link 导入我的工作存储库。
3. 向组件添加了一些代码片段。
4. 点击完成编辑。

这些步骤在 dist/styledictionary/properties 文件夹中生成 json 文件

• 列表项
• colors.json
• custom.json
• fonts.json
• sizes.json

解决方法

XD VSCode 扩展允许您创建可共享的设计系统包 (DSP)，其中包含开发人员在编码时需要使用的所有信息，包括编译的设计令牌、代码片段和设计系统文档。它不生成 CSS 或 JS。

官方帖子有更详细的解释： https://www.adobe.com/products/xd/learn/design-systems/cloud-libraries/vscode-extension.html