Sublime 2自动完成HTML具有多个类

费利佩·法拉吉(Felipe Faraggi)

我真的不知道如何创建带有多个类的html标签。每次这样做,我都会得到这个奇怪的结果。

如果我想要一个带有“ foo”和“ bar”类的锚,我会写

a.foo.bar

它变成:

a.<foo class="bar"></foo>

这样做的正确方法是什么?

马特莫

正如MBlanc在评论中提到的那样,Emmet将做您想要的。

  1. 如果尚未安装Package Control,请安装
  2. 打开命令面板(CtrlShiftP在Windows和Linux中,ShiftP在OS X中)
  3. 键入pci以弹出Package Control: Install Package并击中Enter
  4. 键入emmet,点击Enter,等待其安装,然后重新启动Sublime。

现在,在HTML文档中,键入:

a.foo.bar

点击Tab,它会自动扩展为

<a href="|" class="foo bar"></a>

|光标位置在哪里输入您的hrefTab再次点击,光标将移至此处:

<a href="foobar.html" class="foo bar">|</a>

因此您可以输入链接的文本。

确保您阅读了emmet.io上的所有文档,这是一个功能非常强大的插件,一旦习惯了它,您的编码就会大大加快。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Sublime Text 2:自动完成HTML中的CSS类

来自分类Dev

Sublime Text 2:自动完成HTML中的CSS类

来自分类Dev

更改HTML + Tab自动完成功能(Sublime Text 2)

来自分类Dev

Sublime Text 2-HTML自动完成问题

来自分类Dev

Laravel的Sublime文本自动完成

来自分类Dev

Sublime Text中的自动完成

来自分类Dev

Sublime Text可以自动完成CSS类吗?

来自分类Dev

Sublime Text 2自动建议文件,用于自动完成

来自分类Dev

在Sublime Text 2中的Sublime REPL中关闭自动完成功能

来自分类Dev

Sublime Text 3:重复自动完成

来自分类Dev

Sublime Text 自定义自动完成

来自分类Dev

卸载Sublime Text 2

来自分类Dev

在Sublime Text中自动导入类

来自分类Dev

具有多个命令的Sublime Text Build System

来自分类Dev

Sublime Text 3 HTML自动缩进问题

来自分类Dev

管理多个 Sublime Python 构建

来自分类Dev

Sublime Doctype HTML代码段

来自分类Dev

Sublime Doctype HTML代码段

来自分类常见问题

Sublime Text 2多行编辑

来自分类Dev

Sublime2和SublimeREPL

来自分类Dev

如何更新Sublime Text 2?

来自分类Dev

Sublime Text 2构建系统

来自分类Dev

如何更新Sublime Text 2?

来自分类Dev

Sublime Text 2 Terminal插件

来自分类Dev

Sublime打开2个窗口

来自分类Dev

具有Sublime Text 2的Perl:<STDIN>不起作用

来自分类Dev

在Sublime Text上缺少SASS的分号时自动完成?

来自分类Dev

Sublime Text自动完成左栏键盘快捷键

来自分类Dev

Sublime Text 3停止在“ Space”上提交自动完成