SnipEase
VS Code 向けの便利なコード挿入拡張機能です。よく使うコードスニペットを管理して、必要な場所にワンクリックで挿入できます。
機能
コードスニペット管理
- コードスニペットの作成、編集、削除が可能
- 各スニペットには名前とコードを設定
- 挿入したスニペットを追跡し、挿入場所と時間を記録
変数機能
- スニペットに変数を含めることができます
- 変数には複数の値を設定可能
- 挿入時に変数の値を選択するか、後から変更可能
- 変数置換機能で、コードを挿入した後でも変数を変更可能
コード挿入とジャンプ
- 選択したスニペットをエディタのカーソル位置に挿入
- 挿入されたコードは特殊なコメントでラップされ、後で識別可能
- 挿入済みコードへのジャンプ機能
- 挿入したコードの更新機能
使い方
- VS Code のアクティビティバーから「コード挿入ツール」アイコンをクリック
- 「+」ボタンで新しいスニペットを作成
- スニペット名とコードを入力
- スニペットリストから目的のスニペットを選択し、「挿入」ボタンをクリック
- 変数を含むスニペットの場合は、挿入時または後から値を選択
変数の使い方
- スニペット作成時に変数名と複数の値を設定
- コード内で変数を使用する場合は
変数名=値 の形式で記述
- 挿入後、変数値を変更する場合は「変数の適用」ボタンをクリック
技術的仕様
- 挿入されたコードは
/// SnipEase id=XXX START と /// SnipEase id=XXX END で囲まれます
- スニペットはワークスペースの設定に保存されます
- React+TypeScript で実装された WebView ベースの UI
インストール
- VS Code 拡張機能マーケットプレイスから「SnipEase」を検索
- インストールボタンをクリック
- VS Code を再起動
開発情報
- TypeScript + React で WebView ベースの UI を実装
- VS Code 拡張機能 API を使用したエディタ連携
| |
