开发者工具 · 2023年7月25日

sublime如何安装emmet插件

要在 sublime text 中安装 emmet 插件,请执行以下步骤:打开命令面板,输入 package control: install package 并按回车。在 package control 菜单中,输入 emmet 并按回车。安装 emmet 插件并重新启动 sublime text。启用 emmet 并添加键绑定:{ “keys”: [“tab”], “command”: “expand_abbreviation” }。

如何安装 Sublime Text 中的 Emmet 插件

步骤 1:打开 Package Control

  • 在 Sublime Text 中,按 Ctrl + Shift + P(Windows)或 Cmd + Shift + P(macOS)打开命令面板。
  • 在命令面板中,输入 Package Control: Install Package 并按回车。

步骤 2:搜索 Emmet 插件

  • 在 Package Control 菜单中,输入 emmet 并按回车。

步骤 3:安装 Emmet

  • 在搜索结果中,选择 Emmet 插件并按回车将其安装。

步骤 4:启用 Emmet

  • 一旦 Emmet 安装完成,重新启动 Sublime Text。
  • 在菜单栏中,转到 Preferences > Key Bindings – User。
  • 在键绑定文件中,添加以下行:
{ "keys": ["tab"], "command": "expand_abbreviation" }

登录后复制

  • 保存键绑定文件。

验证安装

要验证 Emmet 是否已成功安装,请在 Sublime Text 中尝试以下步骤:

  • 打开一个 HTML 文档。
  • 输入以下内容:
ul>li*5

登录后复制

  • 按 Tab 键,Emmet 应该自动展开代码片段为:
<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

登录后复制

以上就是如何安装emmet插件的详细内容,更多请关注GTHOST其它相关文章!