sublime + Emmet 简单操作

最新推荐文章于 2024-03-13 16:17:37 发布

率毛毛虫

最新推荐文章于 2024-03-13 16:17:37 发布

阅读量331

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/zyb378747350/article/details/73912657

版权

web 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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/