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'" }