sublime + Emmet 简单操作

来源：互联网发布：凌渡车钥匙淘宝图片编辑：程序博客网时间：2024/06/09 17:50

1 安装Emmet
同时按住 ctrl+shift+p，输入install packege ，再输入emmet

2 案例
2.1 快速创建html 5
输入：html:5 按Tab键
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>

2.2 常用案例
a+按Tab键
<a href=""></a>

a:link +Tab键
<a href="http://"></a>

link + Tab键
<link rel="stylesheet" href="">

link:css + Tab键
<link rel="stylesheet" href="style.css">

link:favicon + Tab键
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

img + Tab键
<img src="" alt="">

form + Tab键
<form action=""></form>

form:get + Tab键
<form action="" method="get"></form>

form:post + Tab键
<form action="" method="post"></form>

input + Tab键
<input type="text">

select + Tab键
<select name="" id=""></select>

input:submit + Tab键
<input type="submit" value="">

参考地址：https://docs.emmet.io/cheat-sheet/

阅读全文

0 0