怎样写文字自动生成html,“一键”生成HTML——Emmet插件常用语法

作者：你好赵伟 | 2024-05-06 11:09:02

踩

自动生成html代码

Emmet是一款文本编辑器/IDE的插件，用来快速生成复杂的HTML代码，只要掌握一些常用的语法(类似于CSS选择器)，就可以减少重复编码的工作(主要是懒)。

我个人惯用的是sublime，因此下文介绍的语法仅在sublime测试通过，不过其它平台应该也不会有什么出入。

使用Emmet前提：设置当前为HTML语法模式

在sublime中启用Emmet，必须把当前代码的语法模式改为HTML，如果本来就是.html文件那就没问题；如果是新建的文件还没有保存过的，则需要手动先设置为HTML：

在sublime右下角点击Plain Text，弹出菜单，选择HTML。

bVrIGB

按下Ctrl + Shift + P，打开命令控制台，输入“HTML”，选择Set Syntax:HTML即可。

bVrIGC

快捷键

Emmet使用Tab和Ctrl + e作为自动生成HTML代码的触发器。

bVrKHV

如上图所示，输入完生成HTML的语句后，按下Tab或Ctrl + e，即可生成对应的HTML代码：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/543932