📝
VS CodeでMarkdownを書く
概要
VS Code (Visual Studio Code) とは、Microsoftが開発しているソースコードエディタです。VS Codeの拡張機能を使用することで、快適にMarkdownで文書を作成する環境を構築できます。ここでは、VS CodeでMarkdownを書く方法について記述します。
バージョン情報
- Windows11 Pro (version 25H2)
- VS Code 1.106
VS CodeでMarkdownを書く
1. VS Codeをインストール
以下のページにアクセスし、VS CodeをWindowsにインストールします。
2. VS Codeに拡張機能を追加
日本語化する場合
- VS Codeの左側の
拡張機能からJapanese Language Pack for VS Codeを検索し、インストールします。 -
Ctrl+Shift+Pを押して、displayと入力します。 -
Configure Display Languageコマンドを選択し、Enterキーを押して、言語の一覧を表示させます。 -
日本語 (ja)を選択し、Enterキーを押します。 - 再起動が求められるので、VS Codeを再起動します。
2-1. Markdown All in Oneをインストール
VS Codeの左側の拡張機能からMarkdown All in Oneを検索し、インストールします。
2-2. markdownlintをインストール
VS Codeの左側の拡張機能からmarkdownlintを検索し、インストールします。
3. 便利な機能
3-1. リアルタイムプレビュー
Ctrl+Kの後、Pを押すと、Markdownで作成した文書のプレビューをリアルタイムに表示できます。
3-2. ショートカットキー
ショートカットキーで文章を編集できます。
| キー | 説明 |
|---|---|
Ctrl + B
|
太字 |
Ctrl+ I
|
斜体 |
Alt+ S
|
|
Ctrl + Shift + ]
|
見出しレベルを上げる |
Ctrl + Shift + [
|
見出しレベルを下げる |
Alt + Shift + F
|
表を整える |
3-3. 目次の作成
以下の手順で目次を作成できます。
- 目次を表示したい行に移動します。
-
Ctrl+Shift+Pを押して、Markdown All in One: Create Table of Contentsと入力します。 -
Markdown All in One: Create Table of Contentsコマンドを選択し、Enterキーを押します。
これで、以下のような目次を作成できます。
Discussion