🌟

VSCodeのコードスニペットが便利すぎた

2020/10/19に公開

VSCodeのコードスニペットが便利すぎたのでメモ

コードスニペットとは

よく使うコードを定形文として登録しておける機能。
複数行分やクリップボードにあるものを利用した状態で登録できて便利。
簡易的なコードテンプレートとしても使えるのでイイネ

作り方(Mac)

Code -> 基本設定 -> ユーザスニペット -> (出てきたメニューから)新しいユーザスニペット
詳しい作り方は参考リンク先参照。
だいたいこんな感じ
undefined.png

これはクリップボードにある物を console.info() で出力するテンプレート。

使い方

いろいろあるけど
Ctrl + Shift + P でコマンドパレットを呼び出して
Insert とか打ち込むと「スニペットの挿入」てメニューが出てくるのでそこから呼び出す
2回目以降はコマンドパレットの候補に出てるはず。
頻繁に使うやつは直呼び出しするキーボードショートカットとかも設定できます。

参考リンク

Visual Studio Codeに定型文(スニペット)を登録する方法 - もちぶろ
Visual Studio Code ソースコードはスニペットと「Ctrl + space」で書いちゃいなよ - MSeeeeN
Visual Studio Codeで、ユーザー定義スニペットで楽をする - Qiita
[ツール] VSCodeのスニペットが思うように動かない? - ミギムキ
VSCodeにコードスニペットを登録して効率的にコーディング! - HPCode
Visual Studio Code ユーザースニペットの使い方まとめ - Web Guided

Discussion