在 Atom.io 中激活 emmet

Activate emmet in Atom.io

我正在使用 atom 编辑器的全新安装,我刚刚安装了 emmet。

但是当我输入例如:

div.abcde

然后按 TAB,没有任何反应。

我是不是忘了激活什么?

我认为您需要重新启动原子编辑器才能使用 Emmet 或任何其他包。这对你有帮助。

在 atom 1.3.1 中(可能适用于旧版本,我很确定)

1.Simply 按

ctrl+shift+L
或在菜单中:编辑 -> Select 语法。

2.Make 确定你 select 语法正确,例如:HTML 在你的情况下。我刚发现这是我的问题,现在它工作得很好。

在 windows 中,使用 ctrl+e 对我有效;

我输入了div.alert.alert-success最后我按ctrl+e然后它给了我

 <div class="alert alert-success"></div>

ctrl + alt + enter
进入扩展缩写(互动)模式 并提交您的命令。

我有类似的问题 - 这是因为 HTML (Angular) 被设置为 html 文件的默认语言验证器。将其更改为仅 "HTML",效果非常好!

  1. 打开原子

  2. 选项文件 -> 键盘映射 ----> 并粘贴到最后。

    'atom-text-editor:not([mini])': 'tab': 'emmet:expand-abbreviation-with-tab'
    
  3. 保存并确定

  4. 重启 Atom 并准备就绪,Tab returns 与 Emmet 一起工作

  1. 例如,div.col-md-12 然后只需输入 TAB(默认键)

  2. 如果打开 File->Keymap-> 不起作用,则粘贴此

'atom-text-editor:not([mini])': 'tab': 'emmet:expand-abbreviation-with-tab'

并保存。

新的 emmet 版本可能更容易访问样板代码。

因此,当键入 html 而没有缩写时,只需按 键而不是 Tab,然后按 html。这对我有用。