PhpStorm-使用tab和Emmet包装代码

PhpStorm-使用tab和Emmet包装代码,phpstorm,Phpstorm,我爱埃米特。div.container,然后按tab键,让我的生活轻松多了 但假设你有这样一个div: 你想把它包在一个容器里 到目前为止我一直在做的就是打字 <div class="container"> </div> 甚至不知道这个词是什么。搜索phpstorm包装并不能满足我的需要 有没有我错过的地方 选择您的文本/代码 代码|用。。。或代码|用活动模板包围…-对于HTML上下文,菜单几乎相同 在弹出窗口中选择Emmet选项 键入您的emmet序列 附言。 可以

我爱埃米特。div.container,然后按tab键,让我的生活轻松多了

但假设你有这样一个div: 你想把它包在一个容器里

到目前为止我一直在做的就是打字

<div class="container">

</div>
甚至不知道这个词是什么。搜索phpstorm包装并不能满足我的需要

有没有我错过的地方

选择您的文本/代码 代码|用。。。或代码|用活动模板包围…-对于HTML上下文,菜单几乎相同 在弹出窗口中选择Emmet选项 键入您的emmet序列 附言。 可以将自定义快捷方式指定为Emmet action环绕,这样就可以直接调用一个快捷方式来代替步骤2和步骤3。这可以在设置/首选项|键映射中完成-只需使用搜索字段搜索上述操作

选择您的文本/代码 代码|用。。。或代码|用活动模板包围…-对于HTML上下文,菜单几乎相同 在弹出窗口中选择Emmet选项 键入您的emmet序列 附言。 可以将自定义快捷方式指定为Emmet action环绕,这样就可以直接调用一个快捷方式来代替步骤2和步骤3。这可以在设置/首选项|键映射中完成-只需使用搜索字段搜索上述操作。

您不需要div.container。一个简单的.container也可以完成这项工作。如果不指定元素,将自动生成div。 您可以使用>执行嵌套元素。 在您的情况下,它将是:.container>.myDiv。如果您想围绕现有项目,请查看@LazyOne-answer。它的快捷方式至少在默认设置下是[Ctrl]+[Alt]+j。 有关更多信息,请参阅。只是在google上快速搜索emmet PHPstorm,但它看起来不错

您不需要div.container。一个简单的.container也可以完成这项工作。如果不指定元素,将自动生成div。 您可以使用>执行嵌套元素。 在您的情况下,它将是:.container>.myDiv。如果您想围绕现有项目,请查看@LazyOne-answer。它的快捷方式至少在默认设置下是[Ctrl]+[Alt]+j。
有关更多信息,请参阅。只是在google上快速搜索emmet PHPstorm,但它在Mac上看起来不错,快捷键是CMD+ALT+T,然后你可以在上下文菜单中选择Emmeti,如果你不知道快捷键,您也可以使用SHIFT+CMD+A并开始键入环绕-您将获得带有emmet选项的环绕,如下所示well@RafalKozlowski这些操作的快捷方式已在操作名称旁边的菜单中清楚显示/可见。在这种情况下,没有真正需要使用帮助|找到行动。。。去查一下。但是,是的,如果用户不知道快捷方式和操作在菜单中的确切位置,或者不记得确切的操作名称,那么这是一个很好的方法;调用主菜单中不可用的操作或当主菜单尚不可访问时(例如从欢迎屏幕)也很有用。谢谢,我想这是我能得到的最接近的东西。如果Emmets tab completion与包装代码一起工作,那就太好了。在Mac上,快捷键是CMD+ALT+T,然后你有上下文菜单,如果你不知道快捷键,你可以选择Emmeti,您也可以使用SHIFT+CMD+A并开始键入环绕-您将获得带有emmet选项的环绕,如下所示well@RafalKozlowski这些操作的快捷方式已在操作名称旁边的菜单中清楚显示/可见。在这种情况下,没有真正需要使用帮助|找到行动。。。去查一下。但是,是的,如果用户不知道快捷方式和操作在菜单中的确切位置,或者不记得确切的操作名称,那么这是一个很好的方法;调用主菜单中不可用的操作或当主菜单尚不可访问时(例如从欢迎屏幕)也很有用。谢谢,我想这是我能得到的最接近的东西。如果Emmets标签完成与包装代码一起工作,那就太好了。
<div class="container">
    <div class="myDiv">
    </div>
</div>