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

下次还敢
發布: 2024-04-03 14:45:19
原創
816 人瀏覽過

在 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!