PhpStorm - HTML 5样板代码片段

时间:2017-05-21 12:13:00

标签: html templates phpstorm

我是Visual Studio Code的狂热用户,之前是Sublime Text。我最近开始在我的Laravel项目中使用PhpStorm,我真的错过了只需输入html + TAB即可立即生成简单的HTML 5样板模板的功能。

PhpStorm中有类似内容吗?

1 个答案:

答案 0 :(得分:18)

  

PhpStorm中有类似内容吗?

! + 标签 IIRC。

在基于IDEA的IDE中,它被称为Live Templates。 IDE还支持Emmet

所有实时模板都可以在Settings/Preferences | Editor | Live Templates找到 - 您可以修改退出或添加自己的模板(我建议使用自己的组来创建自己的模板 - 减少更新和共享的麻烦) )。

HTML代码段(加上标准的Emmet缩写)位于Zen HTML节点下。

您还可以自定义展开键:

  • 默认情况下,它在常用的 Tab Space Enter 之间提供..但您也可以配置自己的快捷方式。
  • 每个实时模板都可以设置为使用不同的扩展键(在上面提到的那些中)。虽然我真的没有看到任何真正的好处。

您还可以使用文件模板[ 1 ][ 2 ])制作包含某些预定义内容/结构的文件。