ショートカットで作業をカッコよく高速化（vscode、mac、chrome）

7809 ワード
Chrome Mac shortcut Mac テキストリンク

概要

できる限りキーボードから手を離さず、素早くコーディングをするためのショートカットを厳選した。
基本的にvscodeでコーディングだが、コーディング中は当然調べものをすることが頻繁に起きるので、chromeとエディターを行ったり来たりするために必要なショートカットも調べてまとめた。
gif動画は画面操作系を抽出している。短くするためにもちろん早送り。
主にエディター、ターミナル、ブラウザ操作だが、 動画の動きがキーボードのみでできる様になる。

全般

key operation
cmd + tab アプリケーション切替
ctrl　＋　↓　 アプリケーション内ウィンドウ切替
ctrl　＋　↑　 全ウインドウ表示
option + backspace（windows: Ctrl + backspace） 直前の単語を消す
  • cmd tabでvscodeとchromeを切り替えてる。必要とあらばfinderとの切り替えも行う。
  • 同一アプリケーション内のウィンドウ切り替えをctrl +↓でやる
  • 直前単語消しはあちこちで使える

chrome

参考https://boxil.jp/beyond/a6976/

Google検索キーボードショートカットhttps://chrome.google.com/webstore/detail/google-search-results-sho/dchaandmcifgjemlhiekookpgjmkcelg

key operation
cmd + L , option + Enter タブを複製
ctrl　+ shift + tab , ctrl + tab タブを移動（左、右）
space , shift + space page up down
cmd + w　 閉じる
cmd + t 新しく開く
cmd + L 検索窓をアクティブに：
  • Google検索キーボードショートカットは検索結果をカーソルで選択可能になる拡張機能。検索した後のページ行ったり来たりはほとんどキーボード上でできる様になる。

vscode

全般

cmd + K+Sでキーボードショートカットが出てくる。
細かくカスタムしたい人はkeybinding.jsonを開いて追記する。

key operation
cmd + shift + p コマンドパレット　困ったらこれ
cmd + K+ S keyborad short cutを開く
cmd + w ファイルを閉じる
cmd + n　 新しいファイルを開く（要カスタマイズ）
cmd + ctrl + n　 新しいフォルダを開く（要カスタマイズ）
cmd + shift + E（cmd + 0） ファイルエクスプローラー表示
ctrl + Enter 新しいペインでファイルを開く
cmd + L 行選択（カーソルで複数）
ファイル選択(ファイルエクスプローラーで) space
terminarlをアクティブに ctrl + t 
{
"key": "ctrl+t",
"command": "workbench.action.terminal.focus"
    }

editor

key operation
cmd + shift + tab 閉じた履歴タブを開く
cmd + shift + k 一行削除
cmd + option + ←→（cmd + shift + [,]） タブ移動
ctrl + tab タブ移動
ctrl + cmd + ←→ active editorのペイン移動
ctrl + k + ctrl + q 　最後の編集一にもどる
option + ←→　 次の単語へ移動　shiftと一緒に使えば選択
cmd + ←→ 末尾、先頭へ移動　shiftと一緒使えば選択
ctrl + cmd + option + ¥（ctrl + shift+5） editor　or terminal 横分割
cmd + shift + option + ¥ editor 垂直分割(defaultだと６つのボタンで指が釣りそうになるため、カスタマイズ)
cmd + t シンボル検索
cmd + shift + o シンボル移動
option + ↕︎ 　現在行を移動
option(alt) + pageup(down) 5行ずつ上下(要カスタマイズ)
option(alt) + pageup(down) + shift 5行ずつ上下選択(要カスタマイズ)
ctrl + cmd + +(-) 拡大(縮小)
  • 複数行カーソル移動したいけどデフォルトではなさそう。
    以下の設定をkeybinding.jsonに記述して、5行ずつ移動、選択をできる様にした。vimみたいに
{"key": "alt+pageup",
"command": "cursorMove",
"args": {
"to": "up",
"by": "line",
"value": 5
},
"when": "editorTextFocus"
},
{
"key": "alt+pagedown",
"command": "cursorMove",
"args": {
"to": "down",
"by": "line",
"value": 5
},
{
"key": "alt+pageup",
"command": "cursorMove",
"args": {
"to": "up",
"by": "line",
"value": 5,
},
"when": "editorTextFocus"
},
{
"key": "alt+pagedown",
"command": "cursorMove",
"args": {
"to": "down",
"by": "line",
"value": 5
},
"when": "editorTextFocus"
},
{"key": "alt+shift+pageup",
"command": "cursorMove",
"args": {
"to": "up",
"by": "line",
"value": 5,
"select": true
},
"when": "editorTextFocus"
},
{
"key": "alt+shift+pagedown",
"command": "cursorMove",
"args": {
"to": "down",
"by": "line",
"value": 5,
"select": true
},
"when": "editorTextFocus"
},


{

"key": "ctrl+cmd+[semicolon]",

"command": "workbench.action.increaseViewSize",

},

{

"key": "ctrl+cmd+[Minus]",

"command": "workbench.action.decreaseViewSize",

}

terminal

key operation
ctrl + shift + ^ 新規terminal
ctrl + shift + @ terminalを開く(閉じる)
option + cmd + カーソル(editorと同じ) terminalペイン 移動
ctrl + cmd + option + ¥（ctrl + shift+5） editor　or terminal 分割
ctrl + cmd + カーソル terminarl リサイズ
cmd + w terminal kill(カスタマイズ)
  • terminal kllもデフォルトにはないので、terminal.killを探してkeyを割当てた
{

"key": "cmd+w",

"command": "workbench.action.terminal.kill",

"when":"terminalFocus"

}
  • terminal最大化　これもないので、カスタマイズ

{

"key": "ctrl+shift+q",

"command": "workbench.action.toggleMaximizedPanel"

},

その他

課題

  • editor resizeを４方向でやりたい