Atom.io：Emmet 和 jsx

Question

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

Answer 1

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

Answer 2

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

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

 # 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'

Atom.io: Emmet and jsx