Sublime Text2快速生成Html头信息

2014年5月12日 发表评论 阅读评论

Sublime Text2 想要实现新建文件快速生成Html头部信息并进行代码补全,需要安装emmet 插件。安装插件的方法有两种。

一、安装

方法一  package control法:

打开sublime,windows下可以通过首选项---安装包控制或ctrl + shift + P(mac下用command + shift + p调出命令窗口),输入install,选中package control:install package,等待1-2秒,下拉选中emmet plugin回车,等待2-3秒,重启sublime。

方法二 手动安装法:

git下emmet plugin,打开sublime,preferences,browse packages,将下载的zip文件解压放到packages文件夹下,重启sublime。

参见:官方安装文档  用命令 command + F 查找 install即可。

删除已安装插件:按ctr+shift +p然后输入remove 回车,再输入要删除的插件名。

二、使用

1、输入html:5按tab,自动补全为如下内容:

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

2、输入html:4t按tab,自动补全为如下内容:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

3、html:4s

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

4、html:xxs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

5、ul#nav>li.itemS*4>a{Item $}

<ul id="nav">
        <li class="itemS"><a href="">Item 1</a></li>
        <li class="itemS"><a href="">Item 2</a></li>
        <li class="itemS"><a href="">Item 3</a></li>
        <li class="itemS"><a href="">Item 4</a></li>
    </ul>

更多炫酷信息和emmet语法请参见:




本站的发展离不开您的资助,金额随意,欢迎来赏!

You can donate through PayPal.
My paypal id: itybku@139.com
Paypal page: https://www.paypal.me/361way

分类: http/html/web 标签:
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.