Emmet: jsx中自闭标签的缩写

创建于 2015-12-06  ·  15评论  ·  资料来源: emmetio/emmet

是否可以将单词扩展为自闭合标签? 我在这里看到了类似的东西https://github.com/smihica/emmet-mode#empty -tags 它应该像

AppComponet/ -> <AppComponent />

但这不适用于 emmet。
很抱歉在这里写它,但我在文档中找不到任何关于此的信息。

想要支持这个问题吗? 悬赏吧! 我们通过Bountysource接受赏金。

最有用的评论

最简单的解决方案是使用默认快捷方式:

Component ---> ctrl+etab ------> <Component></Component> ------> ctrl+shift+ ~ - --> <Component />

所有15条评论

您是否找到了解决方案? 在同一条船里。

它需要 JSX 的自定义解析器,因此大写缩写可以解析为空标签。

罗杰。 这就是我要找的关键词。 找到了一些关于如何构建一个的其他帖子。 谢谢!

最简单的解决方案是使用默认快捷方式:

Component ---> ctrl+etab ------> <Component></Component> ------> ctrl+shift+ ~ - --> <Component />

@deathmood你能详细说明一下吗?

ctrl+shift+ ~在这里没有任何效果(使用 atom)并且没有内置命令可以将关闭标签对变成自关闭标签对。

@brumm这是一个split/join tag动作http://docs.emmet.io/actions/split-join-tag/ 。 这在崇高的工作。

在 Mac 版的 Sublime 3 上, split/join tag的默认热键是Command + Shift + ' (单引号)。

但是,这对于多个标签仍然不方便。 例如,展开TabBar>TabItem*10 ,我希望<TabItem />是自动关闭的。 现在我必须移动光标并按上述热键10 次。 这太疯狂了。

在原子中你可以做Command + Shift + j

我使用 emmet 来编写 JSX,如果 emmet 允许使用循环遍历表单,那将会非常酷。
EG 反复点击ctrl+e会循环如下:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

我认为这也将使学习/发现该功能变得非常简单。

我不确定这是否属于 emmet 存储库或 atom 插件存储库,我已经在https://github.com/emmetio/emmet-atom/issues/408 中交叉发布了它

vscode呢?? ctrl+ectrl+shift+ ~都不起作用

Webstorm 已经有了这个AppComponet/ TAB => <AppComponent />

对于 VS Code 也

hello-world/ TAB => <hello-world>
所以我必须自己写/但有效:)

对于 VSCode:
在键盘快捷键中搜索拆分/加入。 您会看到 Emmet 选项。 您可以将其设置为您喜欢的任何键。

即将发布的 v2 支持elem/语法来输出自闭合元素

对于 VS Code 也

hello-world/ TAB => <hello-world>
所以我必须自己写/但有效:)

可以用,厉害

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

corysimmons picture corysimmons  ·  5评论

MarvinXu picture MarvinXu  ·  10评论

renatorib picture renatorib  ·  26评论

fversepuy picture fversepuy  ·  5评论

midgethoen picture midgethoen  ·  8评论