vscode

vscode

ショートカット

特によく使う
- cmd + P → コマンドパレット
- ctl + - → 戻る
- cmd + K + T → カラーテーマ設定

操作概要	Windows	macOS
全般
すべてのコマンドの表示	Ctrl+Shift+P, F1	⇧⌘P, F1
クイックオープン	Ctrl+P	⌘P
キーボードショートカットを開く	Ctrl+K Ctrl+S	⌘K ⌘S
直近で開いたファイルを表示	Ctrl+Tab	⌃Tab
編集
コードの整形	Shift+Alt+F	⇧⌥F
（選択範囲なしで）行の切り取り	Ctrl+X	⌘X
（選択範囲なしで）行のコピー	Ctrl+C	⌘C
行を下へ移動	Alt+↓	⌥↓
行を上へ移動	Alt+↑	⌥↑
行を下へコピー	Shift+Alt+↓	⇧⌥↓
行を上へコピー	Shift+Alt+↑	⇧⌥↑
行の削除	Ctrl+Shift+K	⇧⌘K
行を下に挿入	Ctrl+Enter	⌘Enter
行のインデント追加	Ctrl+]	⌘]
行のインデント削除	Ctrl+[	⌘[
名前を変更	F2	F2
補完候補を開く	Ctrl+Space	⌃Space
選択
矩形選択(マウス選択)	Shift+Alt+ドラッグ	⇧⌥+ドラッグ
矩形選択(キーボード選択)	Ctrl+Shift+Alt+方向キー	⇧⌥⌘+方向キー
選択範囲と同じ文字列の複数指定	Ctrl+D	⌘D
移動
行の先頭に移動	Home	Home
行の最後に移動	End	End
ファイルの先頭に移動	Ctrl+Home	⌘↑
ファイルの末尾に移動	Ctrl+End	⌘↓
行コメントの切り替え	Ctrl+/	⌘/
指定行へ移動	Ctrl+G	⌃G
ファイルに移動	Ctrl+P	⌘P
前に戻る	Alt+←	⌃-
次に進む	Alt+→	⌃⇧-
検索
ファイル内検索	Ctrl+F	⌘F
ファイル内置換	Ctrl+H	⌥⌘F
次を検索	F3	⌘G
前を検索	Shift+F3	⇧⌘G
プロジェクト内検索	Ctrl+Shift+F	⇧⌘F
パネル操作
サイドバーの表示/非表示	Ctrl+B	⌘B
ターミナルの表示/非表示	Ctrl+@	⌃@
新しく統合ターミナルを表示	Ctrl+Shift+@	⌃⇧@
エクスプローラーの表示	Ctrl+Shift+E	⇧⌘E

よく使う機能

ファイル検索
- cmd + Pで任意のファイル名(READMEなど)を入力

使用する拡張機能一覧

extensions.json

{
 // List of extensions which should be recommended for users of this workspace.
 "recommendations": [
   //  common
   "streetsidesoftware.code-spell-checker",
   "ms-azuretools.vscode-docker",
   "ms-vscode-remote.remote-containers",
   "donjayamanne.githistory",
   "eamodio.gitlens",
   "tyriar.sort-lines",
   "patricklee.vsnotes",
   "yzhang.markdown-all-in-one",
   "usernamehw.errorlens",
   "oderwat.indent-rainbow",
   "moshfeu.compare-folders",
   "vscode-icons",
   "hediet.vscode-drawio",
   "Log File Highlighte",
   //  Infrastructure
   "aws-scripting-guy.cform",
   "redhat.vscode-yaml",
   //  languages
   "ms-python.python",
   "ms-python.vscode-pylance",
   "tabnine.tabnine-vscode",
 ],
 // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
 "unwantedRecommendations": [
 ]
}

playwright

デバッグ設定例
- launch.json

"configurations": [
    {
        "type": "pwa-node",
        "request": "launch",
        "name": "playwright debug",
        "env": { "PWDEBUG": "console" },
        "program": "node_modules/.bin/playwright",
        "args":["test", "${relativeFile}"]
    },
    {
        "type": "pwa-node",
        "request": "launch",
        "name": "Run Test - headless",
        "program": "node_modules/.bin/playwright",
        "args":["test", "${relativeFile}"]
    },
    {
        "type": "pwa-node",
        "request": "launch",
        "name": "Run Test - headed",
        "program": "node_modules/.bin/playwright",
        "args":["test", "--headed", "${relativeFile}"]
    }
]

シェルスクリプト

Bash Debugでシェルスクリプトのデバッグがvscodeで可能になる
macではzshの場合がbashは4or5のバージョンでばければ非対応
bashが古い場合、brew install bashでインストール
- システムとは別にbrewなどでインストールした場合は下記のようにpathBashでbashのパスを指定する

  "version": "0.2.0",
  "configurations": [
    {
      "type": "bashdb",
      "request": "launch",
      "name": "Bash-Debug (simplest configuration)",
      "program": "${file}",
      "pathBash": "/opt/homebrew/bin/bash"
    }
  ]
}

markdown

コマンドパレットでMarkdown All in One: Create Table of Contentsを実行すると、見出しの内容から目次が作成される
見出し更新後にCmd+sで保存すると、目次も更新される

debug

共通の設定項目
- go、python、node.jsなど多数の言語に共通する設定

項目	説明
`name`	デバッグ構成の名前（メニューで識別するために使用）
`type`	デバッグ対象の言語やツール（例: `go`, `python`, `node`）
`request`	デバッグの種類：`launch`（新しいプロセスを起動）または`attach`（既存プロセスに接続）
`program`	実行するスクリプトまたはバイナリのパス
`args`	実行時の引数
`cwd`	実行時のカレントディレクトリ
`env`	環境変数を設定するオブジェクト（例: `{ "KEY": "VALUE" }`）
`console`	出力を表示するコンソールの種類（例: `integratedTerminal`、`externalTerminal`）
`stopOnEntry`	プログラム開始時に自動的に停止するかどうか（`true` または `false`）