【发布时间】:2016-04-02 03:19:01
【问题描述】:
很抱歉问了这么基本的问题,但我似乎无法在任何地方找到答案。
如何让 ST2 在新文件中编写基本的 html 标记结构?
【问题讨论】:
标签: html sublimetext2 markup
很抱歉问了这么基本的问题,但我似乎无法在任何地方找到答案。
如何让 ST2 在新文件中编写基本的 html 标记结构?
【问题讨论】:
标签: html sublimetext2 markup
您可以使用Emmet package.
安装
安装 Emmet(和任何其他软件包)的最简单方法是通过 Package Control 软件包。要安装它,请按照project's home page 中的说明进行操作:
最简单的安装方法是通过 Sublime Text 控制台。控制台可通过 ctrl+` 快捷方式或 View > Show Console 菜单访问。打开后,将适用于您的 Sublime Text 版本的 Python 代码粘贴到控制台中。
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 并输入:“安装包”并按 Enter。
输入“Emmet”并选择:Sublime Text 包的 Emmet(前 Zen 编码)。
就是这样。选择软件包后,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 并查看the docs。将 Emmet 集成到您的工作流程中可以节省大量时间。
【讨论】:
您可以使用DefaultFileType。
如果你安装了 Package Control 包,你可以从 Sublime Text 中安装 DefaultFileType。打开Command Palette并选择“Package Control: Install Package”,然后搜索DefaultFileType就完成了!
Package Control:https://packagecontrol.io/installation#st2
【讨论】: