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

下次还敢
リリース: 2024-04-03 14:45:19
オリジナル
848 人が閲覧しました

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

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

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート