Sublime のスニペット関数を使用してコードをすばやく作成する スニペット_html/css_WEB-ITnose

フロントエンド開発では、よく使われるjqueryリファレンスやブートストラップフレームワーク、cssresetなど、基本的に同じコードを入力することが多いです。毎回コピペするのが面倒な方は、もっと簡単な方法をご紹介します

Sublime のスニペット機能を使用して、コード スニペットをすばやく作成します

[ツール]->[新しいスニペット] を開くと、図に示すようにコンテンツが表示されます

英語の基礎がまったくない場合は、少し盲目になるでしょう。今日はそれを紹介します このスーパー関数の使い方について話しましょう

まず最初に、スニペットのコンポーネントを簡単に紹介します:

content: が含まれている必要があります。それ以外の場合は含まれませんここには、使用するコード スニペットが含まれています。ページに表示されるコード スニペットは、「こんにちは、これはスニペットです」です。これは、コード スニペットを取得した後、最初にカーソルがこの後に配置されることを意味します。 . ${2:snippet} は、Tab キーを押した後にカーソルがそこからジャンプすることを意味します。これらは、後続のコードを入力するためのものです。貼り付けるコード スニペットを変更する必要がない場合は、これらを無視できます。

tabTrigger: コード スニペットをトリガーするために使用される文字または文字列。たとえば、上記の例では、編集ウィンドウに hello と入力して、 を押します。タブで、「こんにちは、これはスニペットです。このコード スニペット

scope:」と出力します。たとえば、上記のコードは、source.python を定義します。スニペットはその言語環境で有効になります。 Python 言語環境で有効になります。

それでは、私がよく使うコード スニペットを紹介します

このように設定したら、HTML ページに jquery と入力して Tab を押しますスニペットをすばやく取得するためのキー コード スニペット、つまり

どうですか、十分早いです はい！もう大量のコードを入力する必要はありません。

css はこの方法でも使用できます

これは PC 側の cssreset コード スニペットです。そのため、css ページで cssresetpc と入力し、Tab キーを押すだけで cssreset を取得できます。

これ以上速くはなりません、わかりますか？