sublime怎么安裝emmet

Emmet 是一款 Sublime 中的 htmlcss 代碼片段擴展,可提升編輯效率。安裝步驟如下:安裝 Package Control。安裝 Emmet。配置 Emmet(添加或更新用戶設置)。按 Tab 鍵使用 Emmet 生成代碼片段。

sublime怎么安裝emmet

如何在 sublime 中安裝 Emmet

Emmet 是一款強大的代碼片段擴展,可在 sublime text 中極大地提高 HTML 和 CSS 的編寫效率。以下是如何安裝 Emmet:

安裝 Package Control

Package Control 是 Sublime Text 的包管理器。如果你還沒有安裝它,請按照以下步驟操作:

  1. 按 Ctrl+Shift+P (windows/linux) 或 Cmd+Shift+P (Mac) 打開命令面板。
  2. 輸入 Install 并選擇 Package Control: Install Package。
  3. 在彈出的搜索框中,輸入 Package Control 并按回車。

安裝 Emmet

安裝 Package Control 后,就可以安裝 Emmet 了:

  1. 打開命令面板(如上所述)。
  2. 輸入 Install 并選擇 Package Control: Install Package。
  3. 在搜索框中,輸入 Emmet 并按回車。

Emmet 將自動安裝。

配置 Emmet

安裝 Emmet 后,你需要配置一些設置來啟用它:

  1. 打開 Preferences > Settings – User。
  2. 添加或更新以下設置:
"emmet_syntax_profiles": {     "html": "html",     "css": "css" }
  1. 保存文件并重新啟動 Sublime Text。

使用 Emmet

現在 Emmet 已安裝并配置,你可以使用它來生成代碼片段。以下是幾個示例:

  • 生成
    元素: 輸入 div,按 Tab。

  • 生成含有內嵌元素的
    元素: 輸入 div>p, 按 Tab。

  • 生成帶有多個類的
  • 元素:
  • 輸入 li.item1.item2, 按 Tab。

  • 生成嵌套的

    • 列表:

    輸入 ul>li${5}, 按 Tab。

  • 有關 Emmet 的更多詳細信息和使用示例,請參閱其文檔:https://docs.emmet.io/

? 版權聲明
THE END
喜歡就支持一下吧
點贊12 分享
相關推薦