VSCode チートシート
Visual Studio Code チートシートはこちらです
目次
Visual Studio Code ショートカット一覧
一般的なショートカット (Windows / Mac)
| アクション | Windows / Linux | macOS |
|---|---|---|
| コマンドパレット | Ctrl+Shift+P | Cmd+Shift+P |
| クイックオープン (ファイル) | Ctrl+P | Cmd+P |
| テルミナルの切り替え | Ctrl+` | Ctrl+` |
| サイドバーの切り替え | Ctrl+B | Cmd+B |
| 設定 | Ctrl+, | Cmd+, |
| キーボードショートカットを開く | Ctrl+K Ctrl+S | Cmd+K Cmd+S |
| すべてのシンボルの表示 | Ctrl+T | Cmd+T |
| 行番号へ移動 | Ctrl+G | Ctrl+G |
| 検索 | Ctrl+F | Cmd+F |
| 換 | Ctrl+H | Cmd+Option+F |
| マルチカーソル (次の位置に追加) | Ctrl+D | Cmd+D |
| マルチカーソル (上/下に追加) | Ctrl+Alt+Up/Down | Option+Cmd+Up/Down |
| 行の上/下への移動 | Alt+Up/Down | Option+Up/Down |
| 行の上/下へのコピー | Shift+Alt+Up/Down | Shift+Option+Up/Down |
| 行の切り取り | Ctrl+X | Cmd+X |
| 行のコピー | Ctrl+C | Cmd+C |
| 行の削除 | Ctrl+Shift+K | Cmd+Shift+K |
| 行のコメント化 | Ctrl+/ | Cmd+/ |
| ドキュメントのフォーマット | Shift+Alt+F | Shift+Option+F |
| 保存 | Ctrl+S | Cmd+S |
| エディタの閉じる | Ctrl+W | Cmd+W |
| エディタの分割 | Ctrl+\ | Cmd+\ |
ナビゲーション
- 定義へ移動: F12
- 定義をプレビュー: Alt+F12
- 参照先へ移動: Shift+F12
- 戻る/進む: Alt+Left/Right (Windows), Ctrl+–/Ctrl+Shift+– (Mac)
編集
- 行の複製: Shift+Alt+Down (Windows), Shift+Option+Down (Mac)
- 行の上/下への移動: Alt+Up/Down (Windows), Option+Up/Down (Mac)
- 全ての出現を選択: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
- ウndo/Redo: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)
統合されたテルミナル
- テルミナルを開く: Ctrl+Shift+` (Windows/Mac)
- テルミナルの切り替え: Ctrl+` (Windows/Mac)
- テルミナルを終了: Ctrl+Shift+W
ソースコントロール (Git)
- ソースコントロールを開く: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
- コミット: Ctrl+Enter (コミットメッセージボックス内)
コマンドラインでの使用方法
# 現在のディレクトリでVS Codeを開く
code .
# 特定のファイルの行と列で開く
code myfile.js:10:5
# 2つのファイル間の差分ビューを開く
code --diff file1.js file2.js
# 新しいVS Codeウィンドウを開く
code -n
# すべての拡張機能を無効にする
code --disable-extensions .
カスタマイズ
- テーマの変更: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
- キーボードショートカットを開く: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
- 拡張機能のインストール: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)
スニペット
Preferences: Configure User Snippetsを使用してカスタムコードスニペットを作成できます。
ヒント
- ほぼすべてのコマンドや設定は、コマンドパレット (Ctrl+Shift+P / Cmd+Shift+P) を使用して行うことができます。
- プロジェクト内の
.vscodeフォルダは、ワークスペース固有の設定やタスクを許可します。 - 他のエディタ (Vim、Sublime など) のショートカットを使用するためにキーマップ拡張機能をインストールできます。
より詳しい一覧については、公式の [キーボードショートカットPDF] またはエディタ内のショートカットリファレンス (Ctrl+K Ctrl+S) を参照してください。
コマンドパレットからVS Code拡張機能をインストールする方法
コマンドパレットからVisual Studio Code拡張機能を直接インストールするには、以下の手順に従ってください:
- Ctrl+Shift+P (Windows/Linux) または Cmd+Shift+P (macOS) を使用してコマンドパレットを開きます。
Extensions: Install Extensionsをタイプし、リストから選択します。これにより、拡張機能を検索してインストールできる拡張機能ビューが開きます。- または、コマンドパレットに
ext install(たとえば、ext install vscode-icons) を直接タイプし、Enterを押します。VS Codeは拡張機能の名前を尋ね、見つかった場合はインストールします。
この方法により、キーボードやメニューを操作することなく 拡張機能を素早くインストール できます。
他のエディタのキーバインディング一覧
Ctrl+T (macOS: Cmd+T) - ワークスペースシンボルの表示
Ctrl+Shift+O (macOS: Cmd+Shift+O) - ドキュメントシンボルの表示
Ctrl+Shift+P (macOS: Cmd+Shift+P) - コマンドパレットを開く
Ctrl+Space - コード補完を開く
Ctrl+. (macOS: Cmd+.) - クイック修正を開く
F2 - シンボルの名前変更
Shift+Alt+F (macOS: Shift+Option+F) - ドキュメントのフォーマット
F12 - 定義へ移動
Shift+F12 - 参照先を検索
Alt+Shift+O - ディレクティブの整理
F4 - 型階層の表示
他のデバッグキーバインディング一覧
Ctrl+Alt+D - Dart DevToolsの起動
F5 - デバッグの開始
Ctrl+F5 - デバッグなしでの開始
Shift+F5 - デバッグの停止
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - デバッグの再開 (またはFlutterアプリのデバッグ中のホットリスタート)
Ctrl+F5 - Flutterアプリのデバッグ中のホットリロード
F9 - ブレイクポイントの切り替え
F10 - ステップオーバー
F11 - ステップイン
Shift+F11 - ステップアウト
