Sublime Text 2 HTML 默认标记?

Sublime Text 2 HTML default markups?

很抱歉问了这么基本的问题,但我似乎无法在任何地方找到答案。

如何让 ST2 在新文件中编写基本的 html 标记结构?

您可以使用 DefaultFileType.

如果安装了 Package Control 包,则可以从 Sublime Text 本身安装 DefaultFileType。打开Command Palette和select“Package Control: Install Package”,然后搜索DefaultFileType就大功告成了!

Package Control: https://packagecontrol.io/installation#st2

您可以使用 Emmet package.


安装

安装 Emmet(和任何其他包)的最简单方法是通过包控制包。要安装它,请按照 project's home page:

中的说明进行操作

The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the View > Show Console menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console.

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

接下来,使用快捷方式打开命令面板:CTRL + SHIFT + P 并键入:"install package" 并按 Enter。

键入 "Emmet" 和 select:用于 Sublime Text 包的 Emmet(ex-Zen 编码)。

就是这样。 select 安装包后,Emmet 将安装。完成后您会收到通知。


使用

Emmet 允许您输入类似 CSS 的表达式,这些表达式可以动态解析以生成(除其他外)HTML.

例如,打开一个新文件,键入html:5,然后按Ctrl + E。这将展开为:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>

</body>
</html>

Emmet 可以做的更多,例如 ul>li*3 将扩展为:

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

我建议您观看 getting started video and check out the docs。将 Emmet 集成到您的工作流程中可以真正节省时间。