HTML ヘッダー情報を自動的に補完するように Sublime を設定する方法

Sublime Text では、ユーザー コード スニペットを追加することで、HTML ヘッダー情報を自動的に完成させることができます。具体的には、文字セット、ヘッダー、ベース URL、スタイルシート、スクリプトです。

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 ヘッダー領域 (

タグ) に html_head の入力を開始し、Sublime Text次の情報が自動的に入力されます:

Charset(charset)
• Title(title)
• Base URL(base)
• Styleシート (リンク)
• スクリプト (スクリプト)

コード スニペットのデフォルト値は、必要に応じて変更できます。

以上がHTML ヘッダー情報を自動的に補完するように Sublime を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。