🚀 Terminal Snippet Extension
terminalSnippet は、頻繁に使うターミナルコマンドを「スニペット」として保存し、素早く実行できる便利な VS Code 拡張機能です。繰り返しの入力作業をなくして、生産性を向上させましょう！
🆕 最新アップデート
- スニペット編集機能: 登録済みコマンドの内容を後から更新・修正できるようになりました。
- 複数コマンド連結実行: 複数のコマンドを組み合わせたスニペットを作成・実行でき、複雑なタスクをワンクリックで実行できます。
- グループ化機能: スニペットをグループ分けして整理・表示でき、大規模なコマンド管理も容易になりました。
- ドラッグ&ドロップ対応: スニペットやグループの順序を直感的に並べ替えられます。
- カスタムツールチップ: スニペットホバー時に実行されるコマンドを確認できます。
- 強化されたバリデーション: 入力チェックにより、名称の重複や空入力といった誤操作を未然に防止します。
- グループ管理: グループの作成、編集、削除機能で柔軟なスニペット管理が可能です。
🌟 主な機能
- スニペットの追加: よく使うコマンドに名前をつけて簡単に保存できます。複数のコマンドを連結して登録することも可能です。
- スニペットの実行: 保存したスニペットはサイドバーからワンクリックで実行できます。
- スニペットの編集: 登録済みスニペットの名前やコマンドを後から修正・更新できます。
- スニペットの削除: 不要になったスニペットは手軽に削除できます。
- グループ機能: スニペットをグループ分けして整理・管理できます。
- ドラッグ&ドロップ並べ替え: スニペットとグループの順序を自由に変更できます。
- 永続的な保存: スニペットは VS Code のグローバルストレージに保存されるため、VS Code を閉じてもデータが失われることはありません。
📸 スクリーンショット
📝 使い方
拡張機能ビューを開く
VS Code のサイドバーに表示される "terminalSnippet" アイコンをクリックして、拡張機能のビューを開きます。
スニペットを登録する
- 「スニペットを追加する」ボタンを押してフォームを表示します。
- 必須項目である「スニペット名」と「コマンド」を入力します。
- ドロップダウンメニューから既存グループを選択するか、新しいグループを作成できます。
- 「続けて実行するコマンドを追加」をクリックすると複数のコマンドを順番に実行するスニペットを作成できます。
スニペットを実行する
登録済みスニペットはカードとして表示され、クリックするとターミナルで即実行されます。スニペット名にマウスを乗せるとコマンド内容をツールチップで確認できます。
スニペットを編集する
スニペット右側のドラッグハンドルアイコンをクリックして表示されるメニューから「編集」を選択し、スニペットの名前やコマンドを修正できます。
スニペットを削除する
スニペット右側のドラッグハンドルアイコンをクリックして表示されるメニューから「削除」を選択できます。
スニペットを並べ替える
スニペット左側のドラッグハンドルアイコンを使用して、スニペットやグループの順序を自由に変更できます。
グループを管理する
ドロップダウンメニューからグループを作成・削除でき、複雑なコマンドセットを体系的に整理できます。
ライセンス / コントリビュート
- バグ報告・機能要望: GitHub Issues へお寄せください。
- コントリビュート: 開発への参加を歓迎します！詳細は CONTRIBUTING.md をご確認ください。
- プルリクエスト: 送信前に
npm run compile が通ること、および挙動に問題がないことを確認してください。
🛠️ 技術スタック
- フロントエンド: React 19.1 + TypeScript + Tailwind CSS
- ドラッグ&ドロップ: dnd-kit
- UI コンポーネント: Radix UI + lucide-react
- ビルドツール: esbuild + PostCSS
- バンドラー: npm-run-all
📋 バージョン情報
- 現在のバージョン: 1.0.2
- VS Code 対応バージョン: ^1.93.1 以上
- Node.js: 18 以上推奨
📞 サポート
質問や問題がある場合は、GitHub Issues で報告してください。
卒業制作としてリリースされた拡張機能です。フィードバックやコントリビューションをお待ちしています！
| |
