独自のvscodeスニペットを作成する

独自のスニペットをvscode

1. Open VsCode and type

1. type Configure User Snippets

1. type Select the language you want to create snippets for

CSS
……
JavaScriptを入力しましょう.

{
    // ↓ this is name of snippet
    "Print to console": {
        // ↓ this is prefix the command will be typed to use it.
        "prefix": "log",
        //  ↓ this is the snippet itself, body of the snippet
        "body": [
            //  $1 is the placeholder for the first argument, $number defines tabindex for the snippet.
            "console.log('$1');",
            "$2"
        ],
        //  ↓ this is the description of the snippet.
        "description": "Log output to console"
     }
}

1. type Save the snippet/ Close the file.


Make a file index.js
use the prefix to type the snippet.
type log and hit enter.

また、あなたのスニペットに追加変数として、あなたのスニペットにファイル名、folderName、カーソルの位置のような機能を追加することができますて

vscode snippets docsからsnippetsのより多くの変数を読んでください。

あなたがこれでつくるつもりであるスニペット