【问题标题】:Sublime Text 2 HTML default markups?Sublime Text 2 HTML 默认标记?
【发布时间】:2016-04-02 03:19:01
【问题描述】:

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

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

【问题讨论】:

    标签: html sublimetext2 markup


    【解决方案1】:

    您可以使用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&gt;li*3 将扩展为:

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

    我建议您观看getting started video 并查看the docs。将 Emmet 集成到您的工作流程中可以节省大量时间。

    【讨论】:

      【解决方案2】:

      您可以使用DefaultFileType

      如果你安装了 Package Control 包,你可以从 Sublime Text 中安装 DefaultFileType。打开Command Palette并选择“Package Control: Install Package”,然后搜索DefaultFileType就完成了!

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

      【讨论】:

        猜你喜欢
        • 2018-11-23
        • 2015-09-27
        • 1970-01-01
        • 2012-12-02
        • 2012-04-12
        • 2016-10-28
        • 1970-01-01
        • 2013-05-29
        • 2012-08-02
        相关资源
        最近更新 更多