Atom.io：Emmet 和 jsx

Posted 2023-02-21

【中文标题】Atom.io：Emmet 和 jsx

【英文标题】：Atom.io: Emmet and jsx

【发布时间】：2015-11-06 20:37:54

【问题描述】：

似乎 Emmet 也应该使用 .jsx 文件，但我无法让它在 atom 中工作。我的 div 没有扩展，当我按 Tab 时没有任何反应。我尝试重新启动 Atom，禁用所有其他用户包，它与 html 文档完美配合。 Emmet 是否应该开箱即用地使用 .jsx 或者是否需要配置？

【问题讨论】：

你检查过这里吗？ github.com/emmetio/emmet-atom/issues/237

是的。尝试恢复到旧版本，但没有帮助。

@user2768271 同样的问题，更新不能解决。

【参考方案1】：

打开 Atom -> 首选项 -> 包 -> Emmet

向下滚动一下，您会看到有关此特定问题的说明。从那里您只需要获取正确的上下文，在我的例子中是 source js jsx 并将其添加到您的 Keymap 配置中。

 # Auto expanding for emmet @
 'atom-text-editor[data-grammar="source js jsx"]':
     'tab': 'emmet:expand-abbreviation-with-tab'

OR（使用更宽松的选择器）

# Auto expanding for emmet @
'atom-text-editor[data-grammar*="js"].not:[mini]':
  'tab': 'emmet:expand-abbreviation-with-tab'

【参考方案2】：

从最新版本开始，您可以按 cmd + shift + e。我假设对于 windows 或 linux 它将是 ctrl + shift + e （虽然我还没有验证 windows 和 linux 之一）

【讨论】：

我希望标签在按 Tab 时展开。基于您的答案来实现这一点：转到 Atom/Open your keymap 并粘贴：'atom-text-editor[data-grammar="source js jsx"]:not([mini])':'tab':' emmet:expand-abbreviation-with-tab' 现在你可以用 tab 展开了。太棒了。

从 Emmet 2.4.3 Atom 1.6.2 开始，[data-grammar=...] 部分似乎不起作用。转到 Atom/Keymap 并粘贴：'atom-text-editor:not([mini])':'tab':'emmet:expand-abbreviation-with-tab'。作为副作用，这也意味着 Emmet 文本扩展将适用于 Atom 中的所有文件类型。

@swelet 你应该写一个答案