Sublime Text 2的Emmet插件安装

程序员文章站 2022-07-14 15:49:56

...

你想敲个“a”就生成一个链接标签吗？Emmet就是干这个的（原名叫Zen Coding），Sublime Text 2配上这个插件，写HTML就可以做到“键码如飞”了。

Ctrl+Shift+P打开“Command Palette...”
输入“install”，打开“Install Package”
选择“Emmet”插件，安装之，看左下角状态栏的安装信息。如果安装不成功，可以去这里下载Emmet插件手动安装，通过“Browse Packages...”菜单项打开包目录，把Emmet插件安装包解压到此即可
重启Sublime，注意Emmet会安装PyV8，需要一定时间，见到PyV8错误提示稍安勿躁，需等待一小会儿。状态栏会有相应提示。如果安装失败，可以手动安装，手动安装参见这里

接下来就可以试试Emmet的威力了：

建一个HTML文件：

咋样？很爽吧？^_^
部分快捷方式参考这里
具体的使用请参考：这里、这里！

Emmet 也有快速生成文件头的功能啊，而且更强大啊。输入下边加粗的缩写，然后Tab，就OK了啊

html:4t

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<htmllang="${lang}">
<head>
<metahttp-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">
<htmllang="${lang}">
<head>
<metahttp-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">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
<head>
<metahttp-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">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
<head>
<metahttp-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">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
<title>Document</title>
</head>
<body>
${child}
</body>
</html>

html:5

Sublime Text 3 常用插件以及安装方法(图文)