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

【问题标题】：Why on Finish editing of a DSP from vs code extension XD, not generating CSS, JS etc?为什么从 vs 代码扩展 XD 完成对 DSP 的编辑，而不是生成 CSS、JS 等？
【发布时间】：2021-06-19 18:30:03
【问题描述】：

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

以下是我遵循的步骤：

在 vscode XD 扩展中创建了一个包。
已将 DSP link 导入我的工作存储库。
向组件添加了一些代码 sn-ps。
点击完成编辑。

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

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

【问题讨论】：

标签： visual-studio-code ui-design adobe-xd

【解决方案1】：

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

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

【讨论】：