Sublime3 で独自のコード スニペットをセットアップする方法を説明します。

sublime の次のチュートリアル コラムでは、Sublime3 で独自のコード スニペットを設定する方法を紹介します。困っている友人の役に立てば幸いです。

Sublime Text 3 で独自のコード スニペットを設定する

コードを記述するとき、コメントに作成者や作成時刻などを書き込むことがよくあります。あなたは足跡を残しました。今日は、独自のコメント コード ブロック (スニペット) を構築する方法を教えます。

崇高なスニペット (コード スニペット)

崇高なテキスト 3 スニペットは、テキストまたはコードの同じスニペットを繰り返し入力する必要がある場合に必要な重要な機能です。

スニペットは任意のパッケージ フォルダーに保存できますが、簡単にするために、最初に Packages/User ディレクトリに保存することをお勧めします。

スニペットのファイル形式は .sublime-snippet です。通常は Snippet 構造は次のとおりです

<snippet>
    <content><![CDATA[Type your snippet here]]></content>
    <!-- Optional: Tab trigger to activate the snippet -->
    <tabTrigger>xyzzy</tabTrigger>
    <!-- Optional: Scope the tab trigger will be active in -->
    <scope>source.python</scope>
    <!-- Optional: Description to show in the menu -->
    <description>My Fancy Snippet</description>
</snippet>

CDATA の内容を独自のものに置き換えるだけで、最も単純な Snippet の記述を完了できます。

独自のスニペットの作成

次に、例として独自のコード コメントを使用してスニペットを作成します。

まず、崇高なメニュー バーで [ツール] | [開発者] | [新しいスニペット...] を選択し、

<snippet>
  <content><![CDATA[
/*
* @author:  ManiaU
* @createTime:  ${1:time}
* @description:  ${2:description}
*/
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>comm</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.js</scope>
</snippet>

と入力します。ここで、content はスニペットのコンテンツ、tabTrigger はその入力内容です。スニペットとして認識できます。スコープは有効なファイル形式を表します。コンテンツ内の ${} は入力終了後に Tab キーで選択できるコンテンツです。${1:} は入力直後に選択されるコンテンツです。 ${2:} は、Tab を 1 回押すと選択される内容です。コンテンツなどです。

次に、comment.sublime-snippet として保存します。次に、js ファイルに comm と入力し、Tab キーボードを押すと、スニペットが表示されます。

時刻入力プラグイン

スニペットは生成されますが、時刻はまだ固定されていません。次に、独自のプラグインを作成し、ツール | 開発者 | を選択します。崇高なメニュー バー。新しいプラグイン...、次のコンテンツ

import sublime, sublime_plugin
from time import localtime, strftime
class InsertDatetimeCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        sel = self.view.sel();
        for s in sel:
            self.view.replace(edit, s, strftime("%Y-%m-%d, %H:%M:%S GMT%z", localtime()))

を入力し、insert_datetime.py として保存し、環境設定 | キー バインドに

{
  "keys": ["super+ctrl+t"],
  "command": "insert_datetime"
}

を追加します。 ⌘ Control T を押して時間を挿入します。上記のスニペットを使用して、コメントを挿入し、時間と説明を追加した後、次のように独自のコメントを簡単に生成できます。

/*
* @author:  ManiaU
* @createTime:  2017-03-14, 22:33:00 GMT+0800
* @description:  This is a test!
*/

Postscript

もちろん、スニペットは便利なだけではありません。環境内にさまざまなフラグメントを設定できるため、作業効率が大幅に向上します。一緒に探索してみましょう!

以上がSublime3 で独自のコード スニペットをセットアップする方法を説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。