notebook

都内でWEB系エンジニアやってます。

VS Codeで問題の内容をショートカットで表示する

小ネタ

VS Code でなるべくマウスを触らない設定 - notebook

swfz.hatenablog.com

の続きです

僕はVS Codeを使うときは記事書く時、メモ取るときがメインなのですがプラグインにテキスト校正くんを入れています

問題のパネルにlint系の指摘事項がリストで出てくるのですが現状開いてるファイルすべてに対しての指摘事項が出ているようです

メモ用途だとあまり気にしていない文章とかも書いているのでいろんな指摘がされていた相当な長さになっています。。。

なので大体はマウスで該当箇所にカーソルを合わせて内容を見るようにしていました

この状態だと指摘されるたびにマウス使わないと行けないので相当不便だなと思っていました

そこでショートカットで指摘内容を見ることができるようにならないか調べてみました

コマンド

ショートカットで指定できるということはコマンド的なものが用意されているということです

コマンドパレットでhoverとかと打つとホバーを表示と出てきたのでこれはできそう!ということでもう少し調べたところeditor.action.showHoverというのが今回やりたい挙動に対応するコマンドのようでした

ということで設定をします

VSCodeVimを入れているとctrl+hのキーバインドが優先されてしまうようだったのでこちらのショートカットは削除しました

  {
    "key": "ctrl+h",
    "command": "-extension.vim_ctrl+h",
    "when": "editorTextFocus && vim.active && vim.use<C-h> && !inDebugRepl"
  },
  {
    "key": "ctrl+alt+h",
    "command": "editor.action.showHover",
    "when": "editorTextFocus"
  },

f:id:swfz:20190224151651g:plain

これでわざわざカーソルをあわせずにショートカットのみで指摘を閲覧することが可能になりました