Sublime Text3插件Emmet手动安装

    Sublime Text 3的一个插件Emmet可以实现HTML文件头部信息的自动生成,在ST2中可以用Package Controller来安装,但在ST3中只能用手动安装了。

1、下载Emmet插件包:http://yunpan.cn/cjJBW5cwuMaZD 访问密码 cac2

2、在ST3的菜单中找到Preferences->Browse Packages,把下载的文件解压到此目录

3、重启ST3

4、输入下面缩写,然后按tab键,即可自动生成HTML头信息

html:5

<!doctype html>
<html lang="${lang}">
<head>
    <meta charset="${charset}">
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>

html:4t

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

html:4s

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

html:xt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
    <title></title>
</head>
<body>
    ${child}
</body>
</html>
html:xs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>

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="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>


你可能感兴趣的:(Sublime Text3插件Emmet手动安装)