时间戳

首页 > 解决方案 > Emmet：在 VS Code 中为 css-in-js 使用 CSS 缩写（对象语法）

visual-studio-code - Emmet：在 VS Code 中为 css-in-js 使用 CSS 缩写（对象语法）

问题描述

我想在我的.js文件中写下这个 Emmet 缩写：

d:f+jc:c+ai:c+mt10

并希望得到这个输出：

display: 'flex',
justifyContent: 'center',
alignItems: 'center',
marginTop: 10,

在 VS Code 中，settings.json我可以设置emmet.includeLanguages它"javascript": "css"并且它可以工作，但它是标准的 css 语法，而不是对象语法。

设置emmet.includeLanguages为"javascript": "javascriptreact"尝试将 CSS 转换为 JSX。

我应该使用其他设置来获取 CSS 对象语法吗？我找不到emmet.includeLanguages任何地方的可能选项列表。

这是显示问题的视频：https ://user-images.githubusercontent.com/19367659/113518218-ebbfbb00-9552-11eb-8963-eadef0b15f06.mp4

我已经读过这是可能的，但无法找到一个示例来说明如何使其工作。

标签： visual-studio-codeemmetemotioncss-in-js

解决方案

推荐阅读