sublime 使用技巧之Emmet插件

最新推荐文章于 2024-04-18 18:33:01 发布

置顶 RelievedAbility

最新推荐文章于 2024-04-18 18:33:01 发布

阅读量829

点赞数

分类专栏： Web前端文章标签： html 插件 sublime emmet

本文链接：https://blog.csdn.net/gao36951/article/details/50116449

版权

26 篇文章 0 订阅

订阅专栏

记得最初的时候使用sublime 还是看到同事在使用它进行多行编辑，感觉挺方便的，所以就留意了一下，之后自己也开始用了起来。本实例版本是用的传智播客邵山欢老师的版本，已经集成了很多插件了，挺好用的，想使用的小伙伴可以百度一下，由于公司网络限制我这边不能上传。

生成html骨架
HTML文档需要包含一些固定的标签，比如<html>、<head>、<body>等，现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”，然后按Tab键、或者ctrl+e就会生成如下骨架

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

生成各种文档类型的骨架语句

    html:5 或!：用于HTML5文档类型
    html:xt：用于XHTML过渡文档类型
    html:4s：用于HTML4严格文档类型

2.调整字号
可以
按着ctrl和+来增大字号
按着ctrl和-来减小字号
3：快捷生成多个标签
输入div*5然后按Tab键、或者ctrl+e就会生成如下代码

    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

4.格式化css样式
按着ctrl + alt +[ 可以让css样式单行变多行<=>多行变单行

先记录这么多，后续再补充…
参考文档
http://www.iteye.com/news/27580

关注