Sublime-text-snippets

提供:Dev Guides
移動先:案内検索

崇高なテキスト-スニペット

スニペットは、必要なときにいつでも再利用できるスマートテンプレートです。 Sublimeテキストエディターには、HTMLテンプレートのスニペット機能が含まれています。 この章では、それらについて詳しく学習します。

スニペットを理解する

スニペットは、さまざまな属性を持つ単純なXMLサポートファイルです。 sublime-snippet と呼ばれる拡張機能が含まれています。 XML要素のルートタグは <snippet> タグになります。 作成されたスニペットは Packages フォルダーに保存され、このフォルダーにあると見なされます。

スニペットの理解

スニペットのファイル形式と構文は次のように詳細に説明されています-

  • 内容-このセクションには、スニペットの説明が含まれています。
  • tabTrigger -スニペットが書き込まれたときにトリガーされる文字のシーケンスが含まれています。
  • スコープ-スニペットがアクティブのままであるスコープを定義します。
  • 説明-すべてのメタ説明が含まれます。 スニペットのメニューが開いているときに表示されます。

最初のスニペットの作成

  • ツール→開発者→スニペット*オプションを使用して、デフォルトのスニペットを作成できます。

ツール-開発者-スニペットオプションを使用してスニペットを作成

次に、関連するタグを含むデモスニペットが以下のように作成されます-

デモスニペット

Sublime Textエディターで最初のスニペットを作成するには、ここのスクリーンショットに示すように、 Tools メニューをクリックし、ドロップダウンウィンドウから Snippets オプションを選択します。

最初のスニペットを作成

次に、表示されたオプションから Snippet:html を選択します。

スニペットを選択:html

これにより、以下に示すように、指定されたhtmlファイルにデフォルトのスニペットが作成されます。

HTMLファイルのデフォルトスニペット

ファイルの種類ごとにさまざまなスニペットがあることに注意してください。 コードベース内のhtmlファイルの場合、以下に示すように、Sublime Textエディターで3つのスニペットが定義されています。

Sublime Textエディターの3つのスニペット

パッケージ制御スニペット

コントロールスニペットは、主に製品開発に使用されます。 Sublimeエディタの install packages オプションを使用すると、Web開発に必要なスニペットをダウンロードしてインストールできます。

パッケージ制御スニペット

あなたは、Web開発のために次のパッケージが必要な場合があります-

  • EverCodeLab SublimeはRuby on Railsをサポートしています
  • PHP用の追加のPHPスニペット
  • HTMLファイルのHTMLスニペット
  • Twitter BootstrapのTwitter Bootstrapスニペット
  • JSファイルのJavaScriptスニペット
  • jQuery用のjQueryスニペットパック