Atom.io:Emmet和jsx

Question

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

Answer 1

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

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

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

Answer 2

从最新版本开始,您可以点击cmd + shift + e.我假设对于Windows或Linux它将是ctrl + shift + e(虽然我没有验证windows和linux一个)

我想在按Tab键时扩展我的标签.基于你的答案来实现这个目标:转到Atom /打开你的keymap并粘贴它:'atom-text-editor [data-grammar ="source js jsx"]:not([mini])':'tab':' emmet:expand-abbreviation-with-tab'现在,您可以使用选项卡进行扩展.真棒. (11认同)
从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中的所有文件类型. (6认同)