sublime怎麼設定自動補全html頭部信息-sublime-PHP中文網

sublime怎麼設定自動補全html頭部信息

下次还敢

發布： 2024-04-03 14:45:19

原創

868 人瀏覽過

在 Sublime Text 中，透過新增使用者程式碼片段，您可以自動補全 HTML 頭部資訊。具體包括：字元集、標題、基準 URL、樣式表和腳本。

sublime怎麼設定自動補全html頭部信息

Sublime Text 中自動補全HTML 頭部資訊的設定

在Sublime Text 中，您可以透過以下步驟設定自動補全HTML 頭部資訊：

1. 開啟使用者設定檔

Windows/Linux: 開啟文件-> 首選項-> 設定
Mac: 開啟Sublime Text -> 首選項-> 設定

2. 新增使用者程式碼片段

在使用者設定檔中，找到User Code Snippets 部分並新增以下程式碼片段：

<code>html_head:
  'html_head': {
    "scope": "text.html meta.head",
    "body":
'''
<meta charset="${1:utf-8}">
<title>${2:Untitled Document}</title>
<base href="${3:/}">
<link href="${4:styles.css}" rel="stylesheet">
<script src="${5:main.js}"></script>
'''
  }</code>

登入後複製

3. 儲存設定文件

儲存並關閉使用者設定檔。

使用方法：

在HTML 頭部區域（<head> 標籤內）開始輸入html_head

#####################################################################################################################################################################################################1 Sublime Text 將為您自動補全以下資訊：#########字元集（charset）######標題（title）######基準URL（base）##### ##樣式表（link）######腳本（script）#########您可以根據需要修改程式碼片段中的預設值。 ###

以上是sublime怎麼設定自動補全html頭部信息的詳細內容。更多資訊請關注PHP中文網其他相關文章！