Sublime Text2快速生成Html头信息
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``` ``` **更多炫酷信息和emmet语法请参见:** - [视频demo](http://docs.emmet.io/) - [语法文档](http://docs.emmet.io/cheat-sheet/)Document ``` ``` 3、html:4s ``````markupDocument ``` ``` 4、html:xxs ``````markupDocument ``` ``` 5、ul#nav>li.itemS\*4>a{Item $} ``````markup