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,自动补全为如下内容:

<pre data-language="HTML">```markup
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

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



    
    Document





```
```

3、html:4s

```
```markup



    
    Document





```
```

4、html:xxs

```
```markup



    
    Document





```
```

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

```
```markup


```
```

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

- [视频demo](http://docs.emmet.io/)
- [语法文档](http://docs.emmet.io/cheat-sheet/)