如何在PhpStorm中快速为HTML元素添加类名或ID？（原VS Code用户）

PhpStorm完全支持你习惯的这种快速写法，核心就是用它内置的Emmet语法，操作逻辑和VS Code里几乎一致：

• 在HTML文件中输入div.container，按下Tab键（或你自定义的Emmet展开快捷键），会自动生成：

  <div class="container"></div>
  

• 输入button#submit-btn，按下快捷键后生成：

  <button id="submit-btn"></button>
  

• 还支持类名和ID组合的写法，比如section.main#content-wrap，展开后得到：

  <section class="main" id="content-wrap"></section>
  

确保Emmet功能正常启用 #

如果快捷键没反应，可以检查设置确认Emmet是开启的：

1. 打开设置（Windows/Linux用Ctrl+Alt+S，Mac用Cmd+,）
2. 找到Languages & Frameworks > Emmet
3. 勾选Enable Emmet，同时在HTML分类下确认Expand abbreviation by Tab（或你偏好的快捷键）已启用

可选：开启实时预览 #

如果想在输入时实时看到展开后的效果，可在上述Emmet设置中勾选Preview abbreviation选项，输入语法时会自动显示预览内容。

内容的提问来源于stack exchange，提问作者Ivan Polak