156

Visual Studio Code にカスタム コード スニペットを追加することはできますか? もしそうなら、どのように？VSCodeはAtomをベースにしているので、できるはずです。

4

12 に答える 12

31

バージョン 0.10.6 以降、カスタム スニペットを追加できます。独自のスニペットの作成に関するドキュメントをお読みください。json ファイルを に配置することで、カスタム スニペットを検索/作成できますC:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets。たとえば、カスタム JavaScript スニペットは\snippets\javascript.json

スニペットを公開することもできます。これは非常に優れた機能です。John Papa は、市場で拡張機能としてダウンロードできる素敵な angular + typescript スニペットを作成しました。

これは、javascript for ループに関するドキュメント用に取られたスニペットの例です。

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},

どこ

  • For Loopスニペット名です
  • prefixIntelliSense ドロップダウンで使用されるプレフィックスを定義します。この場合は.
  • bodyスニペットの内容です。可能な変数は次のとおりです。
    • タブストップは$1、$2
    • 変数の ${id} と ${id:label} と ${1:label}
    • 同じ id を持つ変数が接続されます。
  • descriptionIntelliSense ドロップダウンで使用される説明です
于 2015-12-30T19:24:39.183 に答える
5

これは、現時点では文書化されていない機能ですが、近日中に公開される予定です。それらを追加できるフォルダーがあり、表示されますが、変更される可能性があります（理由により文書化されていません）。

最善のアドバイスは、これを uservoice サイトに追加して、最終版まで待つことです。しかし、それは来ています。

于 2015-05-02T18:45:01.363 に答える
1

MacOS の場合:

  1. VSコードを開く
  2. コード->設定->ユーザー スニペット
  3. 「python」（または任意の言語）を検索します
  4. スニペットを次のように記述します。
{
    "Write pdb": {
        "prefix": "pdb",
        "body": [
            "import pdb; pdb.set_trace()",
            "$2"
        ],
        "description": "Write pdb.set_trace() to debug Python scripts"
    }
}
  1. でファイルを保存しますcommand + S。
于 2021-08-11T03:05:31.550 に答える
1

VSCode はバージョン 0.5 でこれを導入します。こちらを参照してください。スニペット構文はTextMate スニペット構文に従い、ユーザー設定に書き込むことができます。

于 2015-07-10T12:22:39.803 に答える