ぼくは明日、昨日のじぶんに頼りたい

明日のためのメモです。

VSCodeのマークダウン編集環境を整理

VSCodeを利用しています。
拡張機能やショートカットキーを活用して個人的に気持ちよくマークダウンを書けるような環境を整理したいと思います。

インストールした拡張機能

参考サイトには他にも拡張機能が紹介されていましたが、結果的に以下の拡張を使っていくことにしました。

Markdown All in One

Markdown All in One - Visual Studio Marketplace
色々と便利にしてくれているみたいです。
以下のショートカットキーを使います。

機能 ショートカットキー
~~ で囲う (取り消し線) Alt + s
`で囲う (インラインコード span) Ctrl + q
```で囲う (コードブロック block) Ctrl + Alt + q
選択した各行をリスト化(-)する (繰り返し押下することで+ や1. に切り替える) Ctrl + Alt + l

※ 下の3つは以下のようにコマンドにキーバインドを割り当ててます。

{
  "key": "ctrl+alt+q",
  "command": "markdown.extension.editing.toggleCodeBlock",
  "when": "editorTextFocus && editorLangId == 'markdown'"
},
{
  "key": "ctrl+q",
  "command": "markdown.extension.editing.toggleCodeSpan",
  "when": "editorTextFocus && editorLangId == 'markdown'"
},
{
  "key": "ctrl+alt+l",
  "command": "markdown.extension.editing.toggleList",
  "when": "editorTextFocus && editorLangId == 'markdown'"
}

Markdown Checkbox

Markdown Checkbox - Visual Studio Marketplace
チェックボックスを便利にしてくれます。
以下のショートカットキーを使います。

機能 ショートカットキー
リスト付きでチェックボックスを生成 Ctl + Shift + c
チェックボックスのチェック状態を切り替え Ctrl + Shift + Enter

Markdown Preview Github Styling

Markdown Preview Github Styling - Visual Studio Marketplace
GitHub風にプレビュー表示してくれるようになります。
個人的にサイドに開きたいのでデフォルトのショートカットキーを変更してます。
以下のショートカットキーを使います。

機能 ショートカットキー
サイドにプレビューを開く Ctl + k
{
  "key": "ctrl+k",
  "command": "markdown.showPreviewToSide",
  "when": "!notebookEditorFocused && editorLangId == 'markdown'"
}

参考