Atom.io: Emmet和jsx

Question

看起来Emmet也应该能够处理.jsx文件，但我在Atom中使用它时无法正常工作。我的div元素没有扩展，当我按tab键时也没有任何反应。我已经尝试重新启动Atom，禁用了所有其他用户包，并且它可以完美地处理HTML文件。Emmet是否应该开箱即用地处理.jsx文件，或者需要进行配置?

- swelet

---

你在这里检查过了吗？https://github.com/emmetio/emmet-atom/issues/237 - nwinkler

是的。尝试回滚到旧版本，但没有帮助。 - swelet

@user2768271 同样的问题，更新也无法解决。 - Noah

Answer 1

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

稍微向下滚动一点，你会看到关于这个特定问题的注释。从那里，你只需要获取正确的上下文，在我的情况下是source js jsx，并将其添加到你的键位映射配置中即可。

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

或者（使用更宽松的选择器）

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

- visormatt

Answer 2

根据最新版本，您可以使用 cmd + shift + e 进行操作。我假设在 Windows 或 Linux 上，应该是 ctrl + shift + e（尽管我没有验证过 Windows 和 Linux）

- mikedklein

---

我希望您在按下Tab键时能够展开我的标签。根据您的回答，进行以下操作：前往Atom / 打开keymap，并粘贴以下内容：'atom-text-editor[data-grammar="source js jsx"]:not([mini])': 'tab': 'emmet:expand-abbreviation-with-tab'。现在您就可以使用Tab键展开了。非常棒。 - swelet

从 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

@swelet 你应该写一个答案。 - aw04